/* ============================================================
   SIE PARK · estilos-v16.css · BORRADOR (28-sep-2026)
   Lenguaje visual de la plantilla aprobada por Dirección,
   con paleta y tipografía del Manual v4.0 (navy #1B2952,
   naranja #F28E1C, Montserrat). Prefijo x- para no chocar
   con styles.css. Carga DESPUÉS de styles.css.
   ============================================================ */
:root{--navy:#1B2952;--ink:#141F3D;--muted:#536074;--orange:#F28E1C;--line:#dce1e8;--paper:#fff;--pale:#f3f5f8;--font:'Montserrat',Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#ffffff;color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.6}main>.x-hero,main .x-model-section,main .x-portfolio-section{font-family:var(--font)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #b55d00;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.02em}.x-wrap{width:min(1260px,calc(100% - 80px));margin-inline:auto}.x-skip{position:absolute;top:-100px;left:20px;z-index:5;background:var(--navy);color:white;padding:12px 20px}.x-skip:focus{top:12px}.x-site-header{background:white;border-bottom:1px solid var(--line)}.x-header-inner{min-height:103px;display:flex;align-items:center;gap:36px;justify-content:space-between}.x-brand{display:flex;align-items:center;gap:22px}.x-brand img{width:177px;height:auto}.x-brand>span{border-left:1px solid #c6cdd7;padding-left:21px;font-size:.75rem;letter-spacing:.18em;font-weight:700}.x-site-header nav{display:flex;align-items:center;gap:30px;font-size:.875rem}.x-site-header nav a:hover,.x-text-link:hover,.x-email-link:hover{color:#a95100}.x-header-cta{font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:15px}.x-header-cta>span{background:var(--navy);color:white;font-size:1.25rem;display:grid;place-items:center;width:38px;height:38px}.x-hero{padding-top:54px;padding-bottom:66px;display:grid;grid-template-columns:1fr .91fr;gap:64px;align-items:center}.x-eyebrow{font-size:.75rem;letter-spacing:.12em;line-height:1.5;font-weight:700}.x-hero-copy>.x-eyebrow{margin-bottom:28px;padding-left:14px;border-left:3px solid var(--orange)}h1{font-size:clamp(2.75rem,4.7vw,4.7rem);font-weight:400;line-height:1.03;letter-spacing:-.028em;max-width:610px}h1>span{display:block;color:var(--navy);font-weight:700}.x-hero-description{font-size:1.075rem;color:var(--muted);max-width:510px;line-height:1.75;margin-top:28px}.x-button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:54px;padding:13px 24px;font-size:.9375rem;font-weight:700}.x-primary{background:var(--orange);color:#1B2952}.x-primary:hover{background:#D87A0F}.x-button span{font-size:1.375rem;line-height:1}.x-hero-copy>.x-button{margin-top:30px}.x-text-link{display:inline-flex;gap:12px;align-items:center;font-size:.875rem;margin:22px 0 0 0}.x-hero-copy>.x-text-link{display:flex;width:max-content}.x-hero-footnote{display:flex;align-items:center;gap:14px;margin-top:35px;color:var(--muted);font-size:.875rem}.x-line{width:37px;height:1px;background:#9aa5b7}.x-hero-visual{position:relative;height:565px;background:var(--navy);isolation:isolate;overflow:hidden}.x-parking-photo{width:100%;height:100%;object-fit:cover;object-position:center}.x-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,24,46,.08) 25%,rgba(14,24,46,.78) 100%);z-index:0}.x-photo-tag{position:absolute;left:32px;bottom:137px;z-index:1;color:white}.x-photo-tag>span{font-size:.6875rem;letter-spacing:.15em;font-weight:700}.x-photo-tag>p{font-size:1.6rem;line-height:1.25;letter-spacing:-.014em;margin-top:14px}.x-market-tag{position:absolute;z-index:1;bottom:0;left:0;right:0;background:var(--orange);display:flex;align-items:center;gap:24px;padding:23px 30px}.x-market-index{font-size:2.6rem;font-weight:400;letter-spacing:-.016em;border-right:1px solid rgba(28,41,76,.3);padding-right:24px;line-height:1}.x-market-tag .x-eyebrow{font-size:.625rem;letter-spacing:.08em}.x-market-tag strong{display:block;font-size:1.45rem;line-height:1.2;margin-top:5px}.x-proof-strip{background:var(--pale);border-block:1px solid var(--line)}.x-proof-grid{display:grid;grid-template-columns:1.2fr .8fr .65fr 1fr;align-items:center;padding-block:38px;gap:32px}.x-proof-intro .x-eyebrow{font-size:.6875rem;color:var(--muted);margin-bottom:10px}.x-proof-intro h2{font-size:1.4rem;line-height:1.2;font-weight:400;letter-spacing:-.018em}.x-proof-item{padding-left:32px;border-left:1px solid #d4dbe5}.x-proof-item strong{font-weight:400;font-size:2.6rem;line-height:1;letter-spacing:-.014em;display:block}.x-proof-item span{font-size:.8125rem;color:var(--muted);display:block;margin-top:12px;line-height:1.5}.x-model-section{padding-block:90px 92px}.x-section-heading{max-width:750px}.x-section-heading .x-eyebrow{color:#955000;margin-bottom:20px}h2{font-weight:400;font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.024em;line-height:1.12}.x-section-heading>p:last-child{color:var(--muted);max-width:630px;margin-top:20px;font-size:1.0625rem;line-height:1.7}.x-service-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.x-service-grid article{border-top:2px solid var(--navy);padding-top:20px}.x-service-top{display:flex;justify-content:space-between;font-size:.6875rem;letter-spacing:.08em;font-weight:700}.x-service-top>span:last-child{font-size:1.5rem;line-height:1;color:#a85a00}.x-service-grid h3{font-size:1.5rem;font-weight:400;line-height:1.25;letter-spacing:-.018em;margin-top:33px}.x-service-grid p{font-size:.9375rem;line-height:1.8;color:var(--muted);margin-top:18px}.x-portfolio-section{background:var(--navy);color:white;padding-block:70px}.x-portfolio-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:100px}.x-portfolio-section .x-eyebrow{color:#ffb347;margin-bottom:23px}.x-portfolio-copy{font-size:1.125rem;line-height:1.75;color:#e0e6f0}.x-asset-types{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.x-asset-types span{border:1px solid #65718d;padding:7px 12px;font-size:.8125rem;color:#e3e8f0}.x-contact-section{display:grid;grid-template-columns:1.2fr .85fr;gap:120px;padding-block:86px}.x-contact-main>.x-eyebrow{color:#955000;margin-bottom:22px}.x-contact-main>p:not(.x-eyebrow){color:var(--muted);font-size:1.0625rem;max-width:520px;margin-block:23px 26px}.x-email-link{display:block;width:max-content;font-size:.9375rem;margin-top:18px}.x-contact-note{background:var(--pale);padding:35px 32px;align-self:center;border-top:3px solid var(--orange)}.x-note-number{font-size:.75rem;letter-spacing:.15em;color:var(--muted)}.x-contact-note h3{font-size:1.5rem;line-height:1.25;font-weight:400;margin-top:20px;letter-spacing:-.03em}.x-contact-note p{font-size:.875rem;line-height:1.75;color:var(--muted);margin-top:20px}.x-contact-note a{font-size:.8125rem;display:inline-flex;gap:13px;border-bottom:1px solid #b7c0cf;padding-bottom:5px;margin-top:25px}.x-site-footer{border-top:1px solid var(--line);padding-block:30px}.x-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.8125rem;color:var(--muted)}.x-footer-inner strong{color:var(--navy);font-size:1rem;letter-spacing:.01em}.x-footer-inner strong>span{font-size:.6875rem;letter-spacing:.15em;font-weight:400;margin-left:7px}.x-footer-inner p{font-size:.75rem;margin-top:8px}.x-footer-inner>a{white-space:nowrap}
@media(min-width:1500px){.x-hero{padding-block:75px}.x-hero-visual{height:610px}}
@media(max-width:1100px){.x-wrap{width:calc(100% - 48px)}.x-header-inner{gap:22px}.x-brand img{width:150px}.x-brand{gap:12px}.x-brand>span{padding-left:12px}.x-site-header nav{gap:18px}.x-header-cta{font-size:.8125rem}.x-hero{gap:34px}.x-hero-visual{height:545px}h1{font-size:3.5rem}.x-proof-grid{gap:20px}.x-proof-item{padding-left:20px}.x-proof-item strong{font-size:2.3rem}.x-service-grid{gap:25px}.x-portfolio-inner{gap:55px}.x-contact-section{gap:55px}}
@media(max-width:850px){.x-site-header nav{display:none}.x-header-inner{min-height:85px}.x-hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:34px}.x-hero-visual{height:530px}h1{font-size:2.9rem}.x-hero-description{font-size:1rem}.x-hero-footnote{font-size:.8125rem;margin-top:25px}.x-hero-copy>.x-eyebrow{font-size:.6875rem;margin-bottom:20px}.x-button{font-size:.8125rem;padding:13px 18px;gap:20px}.x-photo-tag{left:24px}.x-photo-tag>p{font-size:1.35rem}.x-market-tag{padding:22px;gap:17px}.x-market-index{padding-right:17px}.x-market-tag .x-eyebrow{font-size:.625rem}.x-proof-grid{grid-template-columns:1fr 1fr;gap:30px}.x-proof-item strong{font-size:2.3rem}.x-proof-grid>.x-proof-item:nth-child(3){padding-left:0;border-left:0}.x-service-grid{grid-template-columns:1fr;gap:32px}.x-service-grid h3{margin-top:20px}.x-service-grid p{max-width:620px}.x-service-grid h3 br{display:none}.x-portfolio-inner{gap:35px}.x-contact-section{gap:30px;grid-template-columns:1fr 1fr}.x-contact-note{padding:25px}.x-model-section{padding-block:60px}.x-contact-section{padding-block:60px}}
@media(max-width:620px){.x-wrap{width:calc(100% - 36px)}.x-header-inner{min-height:80px;gap:16px;flex-wrap:wrap}.x-brand img{width:130px}.x-brand>span{font-size:.625rem}.x-header-cta{font-size:.75rem}.x-header-cta>span{width:30px;height:30px;font-size:1.125rem}.x-header-cta{gap:0;font-size:0}.x-hero{grid-template-columns:1fr;gap:34px;padding-top:36px;padding-bottom:38px}h1{font-size:clamp(2.5rem,10vw,3.9rem);max-width:550px}.x-hero-description{max-width:520px;margin-top:23px;line-height:1.75}.x-hero-copy>.x-button{margin-top:25px;font-size:.875rem}.x-hero-copy>.x-text-link{display:inline-flex;margin:18px 0 0 0}.x-hero-footnote{margin-top:24px}.x-hero-visual{height:365px}.x-photo-tag{bottom:113px;left:24px}.x-photo-tag>p{font-size:1.35rem}.x-market-tag{padding:17px 24px}.x-market-index{font-size:2.2rem}.x-market-tag strong{font-size:1.25rem}.x-proof-grid{gap:28px 18px;padding-block:30px}.x-proof-intro h2{font-size:1.25rem}.x-proof-item span{font-size:.75rem}.x-proof-item{padding-left:18px}.x-proof-item strong{font-size:2rem}.x-proof-grid>.x-proof-item:last-child strong{font-size:1.9rem}.x-model-section{padding-block:55px}.x-section-heading .x-eyebrow{margin-bottom:18px}h2{font-size:2rem}.x-section-heading>p:last-child{font-size:1rem}.x-service-grid{margin-top:34px}.x-service-grid h3{font-size:1.45rem}.x-portfolio-section{padding-block:48px}.x-portfolio-inner{grid-template-columns:1fr;gap:25px}.x-portfolio-copy{font-size:1rem}.x-asset-types{gap:8px;margin-top:23px}.x-asset-types span{font-size:.75rem}.x-contact-section{grid-template-columns:1fr;gap:35px;padding-block:50px}.x-contact-main>p:not(.x-eyebrow){font-size:1rem}.x-contact-note{padding:27px}.x-contact-note h3 br{display:none}.x-footer-inner{flex-wrap:wrap;gap:22px}.x-footer-inner>div{width:100%}.x-footer-inner>span{margin-left:auto}.x-site-footer{padding-block:25px}}
.x-market-tag .x-eyebrow,.x-service-top,.x-photo-tag>span,.x-proof-intro .x-eyebrow,.x-hero-copy>.x-eyebrow,.x-brand>span,.x-footer-inner strong>span{font-size:.75rem}.x-service-grid p,.x-contact-note p{font-size:1rem}.x-header-cta>span{min-width:44px;min-height:44px}.x-contact-note h3 br{display:initial}
@media(max-width:620px){.x-header-cta{font-size:.75rem;gap:8px;max-width:150px}.x-header-cta>span{flex-shrink:0}.x-brand{gap:9px}.x-brand>span{padding-left:9px}.x-brand img{width:113px}.x-contact-note h3 br{display:block}}
@media(max-width:360px){.x-header-cta{font-size:0;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ajustes v16.1: header fijo del sitio + legibilidad sobre foto */
.x-hero{padding-top:150px}
.x-hero-visual:after{background:linear-gradient(180deg,rgba(15,26,53,.05) 30%,rgba(15,26,53,.9) 100%)}
.x-photo-tag{text-shadow:0 1px 16px rgba(10,16,32,.6)}
@media(max-width:850px){.x-hero{padding-top:120px}}
.x-portfolio-section h2,.x-portfolio-section .x-eyebrow~h2{color:#fff}
.x-proof-intro h2{color:var(--navy)}
/* v16.2: el texto sobre la foto con respaldo propio (no depende del gradiente) */
.x-photo-tag{background:rgba(15,26,53,.58);padding:14px 18px;left:0;backdrop-filter:blur(2px)}

/* v16 · capa de interiores: tipografía global ya viene arriba; aquí el ajuste
   de fondos y botones rectangulares de la plantilla en páginas existentes. */
.pg-hero{background:#fff}
.btn,.btn-primary,.btn-ghost,.nav-cta{border-radius:0}

/* v16 · aperturas confirmadas y proceso reinsertado */
.x-aperturas{display:flex;gap:26px;align-items:baseline;padding:16px 0 22px;border-top:1px solid var(--line)}
.x-aperturas p{font-size:.875rem;color:var(--muted);line-height:1.6}
.x-aperturas strong{color:var(--navy)}
@media(max-width:850px){.x-aperturas{flex-direction:column;gap:8px}}
.x-proceso-strip{padding:26px 0 60px}
.x-dev-garantias{list-style:none;margin:18px 0 6px;padding:0}
.x-dev-garantias li{font-size:.9375rem;color:var(--muted);line-height:1.7;padding:7px 0 7px 18px;border-left:2px solid var(--orange)}
.x-dev-garantias li+li{margin-top:6px}
.x-dev-garantias b{color:var(--navy)}

/* v16 · el span del h1 va inline (el punto final vive fuera del span por copy aprobado) */
.x-hero h1 > span, .x-hero h1 > .acc{display:inline;color:var(--navy);font-weight:700}

/* r2.1: el p global del sitio pintaba gris el texto sobre la foto — blanco explícito */
.x-photo-tag, .x-photo-tag > p, .x-photo-tag > span{color:#fff}
/* r2.2: en móvil el formulario va ANTES de las preguntas frecuentes (el CTA aterriza a un scroll del form) */
@media (max-width: 960px){
  .diag-grid > .diag-left{display:contents}
  .diag-grid > #leadForm{order:2}
  .diag-grid .faq{order:3;margin-top:26px}
  .diag-grid .diag-wa{order:4}
}
/* r2.3: tira de operación para Desarrolladores (prefijo .fotos-operacion: sin él ganaba la regla general de cuatro columnas) */
.fotos-operacion .fo-grid--dev{grid-template-columns:1.08fr 2.16fr 1.5fr}
.fotos-operacion .fo-grid--dev picture{height:235px}
@media (max-width: 860px){.fotos-operacion .fo-grid--dev{grid-template-columns:1fr 1fr}.fotos-operacion .fo-grid--dev picture{height:190px}.fotos-operacion .fo-grid--dev picture:first-child{grid-column:1/-1}}