/* Páginas de servicio (estilo página de producto). Se carga después de site.css */
.sub{position:sticky;top:64px;z-index:15;background:var(--grafito)}
.sub .wrap{display:flex;align-items:center;gap:24px;height:52px}
.sub b{font-size:var(--s-text);margin-right:auto}
.sub a:not(.btn){font-size:var(--s-small);text-decoration:none;color:#dfe9f2}.sub a:not(.btn):hover{color:#fff}
.sub .btn{min-height:32px;padding:6px 14px;font-size:13px}

.p-hero{position:relative;height:calc(100svh - 116px);min-height:600px;overflow:hidden;display:grid;align-items:end;isolation:isolate}
.p-hero picture,.p-hero picture img{position:absolute;inset:0;width:100%;height:100%}
.p-hero picture{z-index:-2}.p-hero picture img{object-fit:cover;transform-origin:50% 60%}
.p-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,26,51,.94) 0%,rgba(7,26,51,.62) 42%,rgba(7,26,51,0) 75%)} /* taste-skill-ignore: velo neutro bajo el texto */
.p-hero .txt{padding-bottom:clamp(44px,9vh,100px)}
.p-hero h1{font-size:clamp(44px,7vw,116px);font-weight:900;line-height:.96;letter-spacing:-.045em}
.p-hero p{margin-top:22px;max-width:40ch;font-size:var(--s-lead);line-height:1.4}

.p-frase{padding-block:clamp(110px,14vw,200px)}
.p-frase p{font-size:clamp(22px,3vw,36px);font-weight:900;line-height:1.2;letter-spacing:-.02em;max-width:30ch}
.p-frase p span{color:var(--gris-navy)}

.filas{display:grid;gap:clamp(90px,11vw,160px);padding-bottom:clamp(110px,14vw,200px)}
.fila{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,80px);align-items:center}
.fila:nth-child(even){grid-template-columns:5fr 7fr}.fila:nth-child(even) .foto{order:2}
.fila .foto{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:16/10;background:var(--grafito)}
.fila .foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.fila.in .foto img{transform:scale(1.04)}
.fila .foto .ui{position:absolute;right:6%;bottom:8%;width:min(340px,70%);padding:16px;box-shadow:0 24px 50px rgba(0,0,0,.35);transform:translateY(30px);opacity:0;transition:transform .9s var(--ease) .3s,opacity .9s .3s} /* taste-skill-ignore: tarjeta flotante data-ui */
.fila.in .foto .ui{transform:none;opacity:1}
.fila h2{font-size:var(--s-big);font-weight:900;line-height:1.04;letter-spacing:-.03em}
.fila p{margin-top:16px;font-size:var(--s-lead);line-height:1.4;color:var(--ice)}
.ui .r{display:flex;justify-content:space-between;gap:12px;padding:8px 0}
.ui .r+.r{border-top:1px solid #e1ebf2} /* taste-skill-ignore: data-ui */
.ui .t{font-weight:900}.ui .g{color:var(--gris)}

.demo{background:var(--ice);color:var(--navy);padding-block:clamp(110px,13vw,190px)}
.demo .wrap{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,5vw,80px);align-items:center}
.demo h2{font-size:var(--s-big);font-weight:900;line-height:1.04;letter-spacing:-.03em}
.demo .wrap>div>p{margin-top:16px;font-size:var(--s-lead);line-height:1.4}
.demo .panel{padding:22px;box-shadow:0 30px 70px rgba(7,26,51,.18)} /* taste-skill-ignore: panel data-ui */
.demo .nota{margin-top:14px;font-size:var(--s-small);color:var(--gris)}

.p-pasos{padding-block:clamp(110px,13vw,190px)}
.p-pasos h2{font-size:var(--s-big);font-weight:900;line-height:1.04;letter-spacing:-.03em}
.p-pasos ol{list-style:none;padding:0;margin:64px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.p-pasos li{padding-top:20px;box-shadow:inset 0 3px 0 var(--azul)}
.p-pasos li b{display:block;font-size:var(--s-lead);margin-bottom:8px}

.p-precio{position:relative;padding-block:clamp(110px,13vw,190px);overflow:hidden;isolation:isolate;background:var(--grafito)}
.p-precio>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.6}
.p-precio .wrap{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}
.p-precio h2{font-size:var(--s-big);font-weight:900;line-height:1.04;letter-spacing:-.03em}
.p-precio .wrap>div>p{margin-top:16px;font-size:var(--s-lead);line-height:1.4;max-width:34ch}
.cifra{font-weight:900;font-size:clamp(100px,14vw,220px);line-height:.85;letter-spacing:-.055em;display:flex;align-items:flex-start}
.cifra small{font-size:.45em;line-height:1.15}
.incl{margin-top:24px;display:grid;gap:8px}
.cond{margin-top:18px;font-size:var(--s-small);color:var(--gris-navy);max-width:56ch}
.fund{margin-top:22px;display:inline-block;padding:12px 16px;border-radius:8px;background:var(--navy);font-size:var(--s-small)}
.fund b{color:var(--oro)}
.medida{font-size:clamp(40px,5vw,80px);font-weight:900;line-height:1;letter-spacing:-.04em}

.p-faq{padding-block:clamp(110px,13vw,190px)}
.p-faq h2{font-size:var(--s-big);font-weight:900;line-height:1.04;letter-spacing:-.03em;margin-bottom:40px}
.p-faq details{background:var(--grafito);border-radius:8px;margin-bottom:8px}
.p-faq summary{cursor:pointer;list-style:none;padding:22px 24px;font-size:var(--s-lead);font-weight:900;display:flex;justify-content:space-between;gap:16px}
.p-faq summary::-webkit-details-marker{display:none}
.p-faq summary::after{content:"+";color:var(--azul);transition:transform .25s var(--ease)}
.p-faq details[open] summary::after{transform:rotate(45deg)}
.p-faq details p{padding:0 24px 24px;max-width:58ch;color:var(--ice)}

.otros{padding:0 12px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.otro{position:relative;min-height:420px;border-radius:6px;overflow:hidden;display:flex;align-items:flex-end;padding:28px;text-decoration:none;isolation:isolate}
.otro img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.otro::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,26,51,.88),rgba(7,26,51,0) 60%)} /* taste-skill-ignore: velo neutro */
.otro:hover img{transform:scale(1.05)}
.otro b{display:block;font-size:var(--s-lead)}.otro span{color:var(--ice)}
.otros-t{padding-block:clamp(90px,10vw,140px) 32px}
.otros-t h2{font-size:var(--s-big);font-weight:900;letter-spacing:-.03em}

.p-cierre{background:var(--azul);padding-block:clamp(110px,14vw,200px);text-align:center}
.p-cierre h2{font-size:var(--s-display);font-weight:900;line-height:.95;letter-spacing:-.045em}
.p-cierre p{margin:22px auto 0;font-size:var(--s-lead);max-width:34ch}
.p-cierre .acts{justify-content:center}.p-cierre .link{color:#fff}

@media (prefers-reduced-motion:reduce){.fila .foto img,.fila .foto .ui,.otro img{transition:none;transform:none;opacity:1}}
@media (max-width:980px){
 .sub a:not(.btn){display:none}
 .fila,.fila:nth-child(even),.demo .wrap,.p-precio .wrap{grid-template-columns:1fr}.fila:nth-child(even) .foto{order:0}
 .p-pasos ol{grid-template-columns:1fr 1fr}.otros{grid-template-columns:1fr}
}
@media (max-width:560px){.p-hero h1{font-size:9.4vw}.p-pasos ol{grid-template-columns:1fr}.fila .foto .ui{width:84%;right:8%}}