:root{
  --gold: #e3d043;
  --blue: #172f3e;
  --white: #FFFFFF;
  --muted: #666666;
  --container: 1100px;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#111; background:#fff}
.container{max-width:var(--container);margin:0 auto;padding:0 16px}

/* Hero */
.prefab-hero{display:grid;grid-template-columns:1fr;gap:20px;padding:28px 24px;align-items:center;background:#ffffff}
.prefab-hero__media img{width:100%;height:auto;border-radius:10px;display:block;box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.prefab-hero__info h2{color:var(--blue);margin:.2rem 0;font-size:1.8rem}
.prefab-lead{color:#333;margin-bottom:12px;font-size:1rem;font-weight:500}
.prefab-actions{display:flex;gap:12px}
.button{display:inline-block;padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600}
.button--primary{background:var(--gold);color:var(--white);border:2px solid var(--gold)}
.button--outline{background:transparent;color:var(--blue);border:2px solid var(--blue)}
.button--large{padding:14px 28px;font-size:1.1rem}

/* CTA Final */
.prefab-cta-final{background:linear-gradient(135deg, rgba(23,47,62,0.1), rgba(227,208,67,0.1));border-top:4px solid var(--gold);border-bottom:4px solid var(--gold);padding:48px 16px;margin:40px 0 0 0;text-align:center}
.prefab-cta-inner{max-width:720px;margin:0 auto}
.prefab-cta-final h2{color:var(--blue);font-size:2rem;margin:0 0 12px 0}
.prefab-cta-subtitle{color:#333;font-size:1.1rem;margin:0 0 16px 0;font-weight:500}
.prefab-cta-contact{margin:16px 0;color:#333;font-weight:600}
.prefab-cta-contact a{color:var(--gold);text-decoration:none;font-weight:700}
.prefab-cta-contact a:hover{text-decoration:underline}
.prefab-cta-footer{color:#333;margin:12px 0 0 0;font-size:0.95rem;font-weight:500}

/* Gallery */
.prefab-gallery{padding:18px 24px;background:#ffffff;border-bottom:1px solid #eeeeee}
.prefab-gallery h3{color:var(--blue);margin:0 0 16px 0;font-size:1.5rem;font-weight:700}
.panel-intro{color:#333;font-size:1rem;margin-bottom:16px;font-weight:500}
.prefab-gallery__tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.prefab-tab{background:#f0f0f0;border:2px solid #ddd;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:600;color:var(--blue);transition:all .2s}
.prefab-tab:hover{border-color:var(--gold);background:#ffffff;color:var(--blue)}
.prefab-tab--active{background:var(--gold);color:var(--white);border-color:var(--gold)}
.prefab-tab:focus{outline:2px solid var(--gold);outline-offset:2px}
.prefab-gallery__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.prefab-gallery__item img{width:100%;height:220px;object-fit:cover;border-radius:8px;display:block;transition:transform .2s}
.prefab-gallery__item img:hover{transform:scale(1.03)}

/* Image action controls (move between panels) */
.image-action{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:10}
.image-action button{background:rgba(23,47,62,0.9);color:#fff;border:0;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:0.85rem}
.image-action button.secondary{background:rgba(227,208,67,0.95);color:#172f3e}
.prefab-gallery__item{position:relative}
.image-action button:focus{outline:2px solid var(--gold)}

/* Videos */
.prefab-videos{padding:18px 24px;background:#ffffff;border-bottom:1px solid #eeeeee}
.prefab-videos h3{color:var(--blue);margin:0 0 16px 0;font-size:1.5rem;font-weight:700}
.prefab-videos__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.prefab-video{background-size:cover;background-position:center;height:200px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border:2px solid transparent;transition:all .2s}
.prefab-video:hover{transform:scale(1.02);border-color:var(--gold)}
.video-play-icon{width:60px;height:60px;background:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px rgba(227,208,67,0.3)}
.video-play-icon::after{content:'\25B6';color:var(--white);font-size:24px;margin-left:4px}
.note{color:var(--muted);font-size:.9rem}

/* Specs */
.prefab-specs{padding:18px 24px;background:#ffffff;border-bottom:1px solid #eeeeee}
.prefab-specs h3{color:var(--blue);margin:0 0 16px 0;font-size:1.5rem;font-weight:700}
.prefab-specs__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.spec-card{border:1px solid #e0e0e0;padding:12px;border-radius:8px;background:#ffffff}
.spec-card h4{margin:0;color:var(--blue);font-weight:600}
.spec-card p{margin:0;color:#333;font-size:0.9rem;line-height:1.5}
.prefab-specs__notes{margin-top:20px;padding:16px;background:#ffffff;border-radius:8px;border-left:4px solid var(--gold)}
.prefab-specs__notes p{margin:8px 0;color:#333;font-size:0.95rem;line-height:1.6}

/* Contact */
.prefab-contact{padding:18px 24px;background:#ffffff;border-bottom:1px solid #eeeeee}
.prefab-contact h3{color:var(--blue);margin:0 0 16px 0;font-size:1.5rem;font-weight:700}
.contact-form{display:grid;gap:8px;max-width:520px}
.contact-form input,.contact-form textarea{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem;color:#333;background:#ffffff}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#999}
.form-actions{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}
.form-actions .button{flex:1;min-width:140px}

/* Footer */
.prefab-footer{border-top:1px solid #ddd;padding:18px 0;text-align:center;color:#666;background:#ffffff}
.prefab-footer p{margin:0}

/* Video modal */
.video-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);z-index:1200}
.video-modal[aria-hidden="false"]{display:flex}
.video-modal__inner{width:90%;max-width:960px;background:var(--white);border-radius:8px;overflow:hidden;position:relative}
.video-modal__content{position:relative;padding-top:56.25%}
.video-modal__content iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-modal__close{position:absolute;top:8px;right:8px;background:transparent;border:0;font-size:20px;cursor:pointer;color:var(--blue);padding:10px;z-index:1201}

/* Lightbox modal */
.lightbox-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.9);z-index:1300}
.lightbox-modal[aria-hidden="false"]{display:flex}
.lightbox-modal__inner{position:relative;width:90%;max-width:900px;height:80vh;display:flex;align-items:center;justify-content:center}
.lightbox-modal__image{max-width:100%;max-height:100%;object-fit:contain}
.lightbox-modal__close{position:absolute;top:16px;right:16px;background:var(--gold);border:0;font-size:24px;cursor:pointer;color:var(--white);width:40px;height:40px;border-radius:50%;z-index:1301;display:flex;align-items:center;justify-content:center}
.lightbox-modal__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(227,208,67,0.8);border:0;color:var(--white);font-size:32px;cursor:pointer;width:48px;height:48px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}
.lightbox-modal__nav:hover{background:var(--gold)}
.lightbox-modal__prev{left:16px}
.lightbox-modal__next{right:16px}
.lightbox-modal__counter{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);color:var(--white);padding:8px 16px;border-radius:20px;font-size:0.9rem}

/* Presupuesto modal */
.presupuesto-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1099;display:none}
.presupuesto-modal-backdrop.presupuesto-modal-visible{display:block}
.presupuesto-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--white);border-radius:12px;max-height:90vh;overflow-y:auto;z-index:1100;width:90%;max-width:580px;display:none}
.presupuesto-modal-container.presupuesto-modal-visible{display:block}
.presupuesto-modal-box{padding:24px}
.presupuesto-modal-close{position:absolute;top:12px;right:12px;background:transparent;border:0;font-size:24px;cursor:pointer;color:var(--blue);padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.presupuesto-modal-header{margin-bottom:20px;text-align:center}
.presupuesto-modal-header h2{margin:0 0 8px 0;color:var(--blue);font-size:1.3rem}
.presupuesto-modal-header p{margin:0;color:var(--muted);font-size:0.95rem}
.presupuesto-form-section{margin-bottom:16px;display:grid;gap:12px}
.presupuesto-type-field label,.presupuesto-details-field label{display:block;font-weight:600;margin-bottom:6px;color:var(--blue);font-size:0.95rem}
.presupuesto-type-select,.presupuesto-details-field input,.presupuesto-details-field textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:0.95rem;font-family:inherit;background:#ffffff;color:#333}
.presupuesto-type-select:focus,.presupuesto-details-field input:focus,.presupuesto-details-field textarea:focus{outline:2px solid var(--gold)}
.char-count{display:block;text-align:right;color:var(--muted);font-size:0.85rem;margin-top:4px}
.required{color:#e74c3c}
.presupuesto-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.presupuesto-option-btn{background:linear-gradient(135deg, rgba(23,47,62,0.05), rgba(227,208,67,0.05));border:2px solid #eee;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;text-align:center}
.presupuesto-option-btn:hover{border-color:var(--gold);background:linear-gradient(135deg, rgba(23,47,62,0.1), rgba(227,208,67,0.1))}
.presupuesto-option-btn:focus{outline:2px solid var(--gold)}
.presupuesto-icon{font-size:28px;margin-bottom:8px}
.presupuesto-option-btn h3{margin:0;color:var(--blue);font-size:0.95rem}
.presupuesto-option-btn p{margin:4px 0 0 0;color:var(--muted);font-size:0.85rem}
.presupuesto-validation-msg{display:none;padding:12px;border-radius:6px;margin:12px 0;font-size:0.95rem;text-align:center}
.presupuesto-validation-msg.error{display:block;background:#fee;color:#c33;border:1px solid #fcc}
.presupuesto-validation-msg.success{display:block;background:#efe;color:#3c3;border:1px solid #cfc}
.presupuesto-modal-footer{text-align:center;margin-top:16px;padding-top:12px;border-top:1px solid #eee;font-size:0.95rem}
.presupuesto-modal-footer p{margin:4px 0}
.presupuesto-modal-footer strong{color:var(--gold)}

/* Responsive */
@media(min-width:800px){
  .prefab-hero{grid-template-columns:1fr 420px}
  .prefab-gallery__grid{grid-template-columns:repeat(3,1fr)}
  .prefab-videos__grid{grid-template-columns:repeat(4,1fr)}
  .prefab-video{height:240px}
  .presupuesto-options{grid-template-columns:repeat(3,1fr)}
  .prefab-cta-final h2{font-size:2.4rem}
}

@media(max-width:480px){
  .prefab-gallery__item img{height:140px}
  .prefab-gallery__grid{grid-template-columns:repeat(2,1fr)}
  .prefab-gallery__tabs{gap:6px}
  .prefab-tab{padding:8px 12px;font-size:0.9rem}
  .lightbox-modal__image{max-width:95%;max-height:70vh}
  .presupuesto-modal-container{width:95%;max-width:100%}
  .presupuesto-options{grid-template-columns:1fr}
  .prefab-cta-final h2{font-size:1.6rem}
  .prefab-cta-final{padding:32px 16px}
  .button--large{padding:12px 20px;font-size:1rem}

  /* Mejoras móviles: apilar acciones y asegurar botones full-width */
  .prefab-actions{flex-direction:column;align-items:stretch}
  .prefab-actions .button{width:100%}

  /* Limitar altura de la imagen hero en móviles para evitar empujar el contenido */
  .prefab-hero__media img{max-height:42vh;object-fit:cover}
}

@media(max-width:600px){
  .presupuesto-option-btn{padding:12px}
  .presupuesto-option-btn h3{font-size:0.9rem}
  .prefab-cta-contact{font-size:0.95rem}
}

/* Accessibility */
.button:focus{outline:3px solid rgba(227,208,67,0.25);outline-offset:2px}
.prefab-video:focus{outline:3px solid var(--gold);outline-offset:2px}