/* METIS — jerarquía, respiración y detalle. La apertura del video vive en inicio.css. */
html{scroll-padding-top:0}
#escenario{mix-blend-mode:screen}
#ambiente,#campo{position:absolute;inset:0;width:100%;height:100%}
.figura-espacio{height:clamp(430px,65vh,740px)}
.productos-espacio{height:clamp(260px,44vh,440px)}
.cierre{position:relative;background:transparent!important}
.cierre h2{position:relative;text-shadow:0 4px 32px #07070c,0 0 80px #07070c}
body::after{opacity:.045}
button{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--bone);outline-offset:6px}
[hidden]{display:none!important}
.barra{padding-top:20px;padding-bottom:20px;gap:28px;background:linear-gradient(180deg,rgba(7,7,12,.94),rgba(7,7,12,.50) 70%,transparent)}
.barra__marca{flex-shrink:0}
.barra__marca img{height:auto;width:116px}
.saltos{margin-left:auto;gap:24px}
.saltos a{font-size:10px;letter-spacing:.08em;opacity:.78}
.saltos a[aria-current]{color:var(--bone);opacity:1}
.acceso{padding:12px 18px;border:1px solid rgba(245,246,248,.26);border-radius:99px;text-decoration:none;font-size:12px;white-space:nowrap;transition:background .25s}
.acceso span{margin-left:16px}.acceso:hover{background:rgba(245,246,248,.09)}
.menu-boton{display:none;background:transparent;border:1px solid var(--hair);padding:10px 15px;border-radius:99px;cursor:pointer}
.menu-movil{position:absolute;top:74px;left:var(--marco);right:var(--marco);padding:14px 22px;border:1px solid var(--hair);border-radius:18px;background:#14141f;box-shadow:0 24px 80px #0009;pointer-events:auto}
.menu-movil a{display:flex;justify-content:space-between;text-decoration:none;padding:19px 0;border-bottom:1px solid var(--hair2);font-size:18px}
.menu-movil a:last-child{border:0}.menu-movil span{color:var(--bone-muted);font:11px var(--mono)}
.rotulo{font-size:10px;letter-spacing:.12em;mix-blend-mode:normal}
.rotulo i{opacity:.65}
.seccion>.rotulo{padding:12px 0;background:linear-gradient(90deg,var(--void),transparent 85%);width:fit-content}
.pista{height:470vh}
.fijo{isolation:isolate}
.micro{font:10px/1.6 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--bone-muted);margin:0 0 25px}
.entrada-copy{position:absolute;left:var(--marco);top:50%;transform:translateY(-45%);width:47%;transition:opacity .5s,filter .5s;pointer-events:none}
.entrada-frase{font:500 clamp(2.8rem,5.5vw,6rem)/1.02 var(--display);font-variation-settings:"wdth" 108;letter-spacing:-.055em;margin:0;text-wrap:balance}
.entrada-nota{font-size:clamp(15px,1.3vw,19px);line-height:1.6;color:var(--bone-muted);margin:28px 0 0}
.pista:not([data-estado="reposo"]) .entrada-copy{opacity:0;filter:blur(5px)}
.cierre-portada{position:absolute;left:var(--marco);top:50%;transform:translateY(-43%);width:48%;max-width:680px}
.titular{text-align:left;font-size:clamp(2.5rem,4.5vw,5.2rem);max-width:none;line-height:1.02;letter-spacing:-.045em}
.titular em{font-style:normal;color:var(--bone-muted)}
.cierre-detalle{opacity:0;transform:translateY(16px);transition:opacity .65s .15s,transform .65s .15s;visibility:hidden}
.cierre-detalle p{color:var(--bone-muted);font-size:clamp(15px,1.35vw,19px);line-height:1.55;margin:26px 0}
.pista[data-estado="cierre"] .cierre-detalle{opacity:1;transform:none;visibility:visible}
.baja{text-decoration:none;min-height:40px;bottom:26px;font-size:9px;letter-spacing:.12em}
.baja::before{animation:none;width:26px}.baja span{margin-left:16px;font-size:16px}
.paradas{bottom:42px;gap:18px}
.paradas span{padding-top:12px;position:relative}
.paradas span::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(.4);transform-origin:left;transition:transform .4s}
.paradas span.on::before{transform:scaleX(1)}
.avance-portada{position:absolute;left:0;bottom:0;right:0;height:1px;background:var(--hair2)}
.avance-portada span{display:block;height:100%;background:var(--bone-muted);transform:scaleX(var(--avance,0));transform-origin:left;opacity:.65}
#quees .tramo{padding-top:105px;padding-bottom:95px}
.dos{grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center}
.dos h2{font-size:clamp(2.7rem,4.5vw,5.2rem);line-height:1.035}
.figura-editorial{margin:0;min-width:0}
.figura-editorial__interior{position:relative}
.figura-editorial img{display:block;width:100%;height:clamp(430px,65vh,740px);object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 76%)}
.figura-editorial figcaption{display:flex;justify-content:space-between;border-top:1px solid var(--hair);padding-top:17px;font:10px/1.4 var(--mono);letter-spacing:.05em;color:var(--bone-muted)}
.figura-editorial figcaption span{color:var(--bone);letter-spacing:.2em}
.parrafo{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7}
.video-pausa{position:absolute;right:var(--marco);top:112px;z-index:4;display:flex;align-items:center;gap:14px;background:rgba(7,7,12,.7);border:1px solid rgba(245,246,248,.25);padding:11px 16px;border-radius:99px;font-size:11px;cursor:pointer;backdrop-filter:blur(8px)}
#marcas h2{max-width:17ch;font-size:clamp(2.8rem,6.2vw,6.2rem)}
.cifras{gap:0;border-bottom:1px solid var(--hair);margin-top:60px}
.cifra.tarjeta{border:none;border-right:1px solid var(--hair);border-radius:0;background:transparent;backdrop-filter:none;overflow:visible;padding:12px 30px 32px}
.cifra:first-child{padding-left:0}.cifra:last-child{border-right:none}
.cifra::before{display:none}.cifra:hover{transform:none}
.cifra b{font-size:clamp(4.3rem,9vw,8.6rem);line-height:1.1;color:var(--bone);background:none}
.cifra>span{display:block;line-height:1.6;margin-top:12px;letter-spacing:.1em}
.marcas-fila{justify-content:space-between;gap:36px;padding-top:34px}
.marcas-fila img{height:clamp(25px,2.9vw,39px);max-width:220px;object-fit:contain;opacity:.72}
.programas-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:center}
.programas-intro h2{font-size:clamp(2.7rem,4.65vw,5.5rem);line-height:1.035}
.productos-editorial{margin:0;min-width:0;position:relative}
.productos-editorial img{width:100%;height:clamp(260px,44vh,440px);object-fit:contain;mix-blend-mode:screen;mask-image:linear-gradient(transparent,#000 10%,#000 85%,transparent)}
.puertas{margin-top:48px;gap:22px}
.puerta{padding:clamp(28px,3.2vw,48px);background:linear-gradient(145deg,rgba(38,38,55,.82),rgba(14,14,24,.97));border-color:rgba(200,212,255,.2)}
.puerta:first-child{background:linear-gradient(145deg,#242431,#14141f)}
.puerta::before{opacity:.35}.puerta h3{font-size:clamp(2rem,3.2vw,3rem);margin-top:28px}
.puerta p{max-width:48ch;line-height:1.7;min-height:5.1em}
.puerta .pastilla{font-size:9px;background:transparent}
.puerta-accion{display:flex;justify-content:space-between;align-items:center;margin-top:30px;font-size:13px;color:var(--bone-muted)}
.puerta-accion>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--hair);border-radius:50%;font-size:17px;transition:transform .3s,color .3s}
.puerta:hover .puerta-accion>span{transform:rotate(45deg);color:var(--bone)}
.cierre{padding-top:130px;border-top:1px solid var(--hair2);background:radial-gradient(ellipse at 50% 100%,#1c1c28,transparent 65%)}
.cierre h2{font-size:clamp(2.8rem,5.5vw,6rem);max-width:21ch}
.btn{letter-spacing:.08em;min-height:48px;font-size:10px}
#precarga .cuenta::after{content:"%";font-size:.25em;vertical-align:top;margin-left:8px;line-height:2}
@media(min-width:1600px){.entrada-copy,.cierre-portada{left:max(var(--marco),calc((100vw - 1560px)/2))}}
@media(max-width:1100px){
  .saltos{gap:15px}.saltos a{font-size:9px}.acceso{font-size:11px;padding:10px 13px}
  .barra{gap:18px}.barra__marca img{width:100px}
  .entrada-frase{font-size:6vw}.dos{gap:3vw}
}
@media(max-width:860px){
  .saltos,.acceso{display:none}.menu-boton{display:block;margin-left:auto}
  .barra{padding-top:17px;padding-bottom:17px}.barra__marca img{width:100px}
  .dos{grid-template-columns:1fr 1fr;gap:26px}.dos h2{font-size:clamp(2.3rem,4.7vw,3.3rem)}
  .figura-editorial img{height:430px}.programas-intro{gap:20px}
  .programas-intro h2{font-size:clamp(2.4rem,4.6vw,3.5rem)}
  .puertas{grid-template-columns:1fr 1fr}.puerta{padding:26px}.puerta p{min-height:8.5em}
}
@media(max-width:699px){
  .pista{height:400svh}.fijo{height:100svh}.rotulo{font-size:9px;gap:9px}
  .entrada-copy{top:18%;transform:none;width:calc(100% - 2 * var(--marco));text-align:center}
  .micro{font-size:8px;margin-bottom:14px;letter-spacing:.08em}
  .entrada-frase{font-size:clamp(2rem,8.2vw,3.5rem);line-height:1.05}
  .entrada-copy{opacity:clamp(0,calc(1 - (var(--avance,0) - .08)*7),1)}
  .entrada-nota{display:none}
  .cierre-portada{top:54%;transform:none;width:calc(100% - 2 * var(--marco));text-align:center;max-width:none}
  .titular{font-size:clamp(1.9rem,8.2vw,3rem);line-height:1.05;text-align:center}
  .titular br:first-of-type{display:none}
  .cierre-detalle p{font-size:13px;margin:14px 0}.cierre-detalle p br{display:none}
  .cierre-detalle .btn{padding:12px 20px;min-height:42px;font-size:9px}
  .baja{font-size:8px;bottom:15px;letter-spacing:.05em;gap:7px}.baja::before{width:16px}.baja span{margin-left:4px}
  .paradas{bottom:33px;gap:11px;font-size:8px}
  .dos{grid-template-columns:1fr}.dos h2{font-size:clamp(2.5rem,9.5vw,4rem)}
  #quees .tramo{padding-top:44px;padding-bottom:65px}
  .figura-editorial{margin-top:12px}.figura-editorial img{height:420px;max-height:64svh}
  .figura-espacio{height:420px;max-height:64svh}.productos-espacio{height:280px}
  .figura-editorial figcaption{font-size:9px}
  .video-pausa{top:106px;font-size:10px;padding:9px 13px}
  .cifras{grid-template-columns:repeat(3,1fr);margin-top:38px}
  .cifra.tarjeta{padding:4px 12px 24px}.cifra:first-child{padding-left:0}
  .cifra b{font-size:clamp(3.7rem,16vw,5rem)}
  .cifra>span{font-size:8px;letter-spacing:0;max-width:11ch;line-height:1.7}
  .marcas-lista .pastilla{font-size:8px;padding:7px 10px;letter-spacing:.06em}
  .marcas-fila{gap:24px;justify-content:flex-start}.marcas-fila img{max-width:135px;height:24px}
  .programas-intro{grid-template-columns:1fr}.programas-intro h2{font-size:clamp(2.4rem,9vw,3.5rem)}
  .productos-editorial{max-width:380px;width:100%;justify-self:center;margin-top:14px}.productos-editorial img{height:280px}
  .puertas{grid-template-columns:1fr;margin-top:24px}.puerta p{min-height:0}.puerta{padding:28px}
  .cierre{padding-top:75px}.cierre .botonera{gap:12px}.pie-legal{font-size:9px;line-height:1.7}
}
@media(max-height:650px) and (max-width:699px){
  .entrada-copy{top:20%}.entrada-frase{font-size:1.8rem}
  .cierre-portada{top:47%}.titular{font-size:1.8rem}.cierre-detalle p{margin:10px 0;font-size:12px}
  .cierre-detalle .btn{padding:10px 18px;min-height:38px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .pista{height:100svh}.entrada-copy{display:none}
  .cierre-detalle{opacity:1;visibility:visible;transform:none}.titular{opacity:1;transform:none}
  .paradas,.avance-portada{display:none}.figura-editorial img,.productos-editorial img{transform:none!important}
  .video-pausa{top:80px}
}