/*
 * Tema cpa: CSS del prototipo v6 (docs/diseno/prototipo-v6/index.html, <style>).
 * Copia literal salvo lo propio del prototipo: aviso .proto, cortinilla JS y foco del enrutado.
 * La fidelidad manda: no se reescribe.
 */
@font-face{font-family:"Anybody";src:url(../fonts/Anybody-Italic-latin.woff2) format("woff2");font-style:italic;font-weight:100 900;font-stretch:50% 150%;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/Figtree-latin.woff2) format("woff2");font-style:normal;font-weight:300 900;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/Figtree-Italic-latin.woff2) format("woff2");font-style:italic;font-weight:300 900;font-display:swap}

/* Retícula de 12 sobre blanco. Temporada gobierna estructura y lectura; En juego solo los datos, con la Banda.
   Web de un solo aspecto (claro con dos pausas oscuras): colores fijados a propósito, sin tema oscuro. */
:root{
  color-scheme:light;
  /* color: tokens del Design System (capa Marca + Web) */
  --blanco:#fff; --negro-marca:#131313; --lima:#98C50C; --lima-trama:#A8D02F; --web-error:#B42318; --blanco-trama:#F6F6F3; --web-grafito:#5C5C57; --web-niebla:#A3A39C;
  --linea:rgb(19 19 19 / .14); --linea-osc:rgb(255 255 255 / .16);
  /* tipografía */
  --f-tit:"Anybody","Arial Black",Impact,sans-serif; --f-txt:"Figtree",system-ui,sans-serif;
  /* retícula y ritmo */
  --col:minmax(0,1fr); --gap:24px; --pad:clamp(16px,3.4vw,56px); --max:1328px; --sec:clamp(104px,13vw,200px);
  /* movimiento: tres duraciones, dos curvas */
  --bleed:calc(var(--pad) + max(0px,(100vw - var(--max)) / 2)); --panel-pad:clamp(48px,6vw,96px);
  --t-r:180ms; --t-m:450ms; --t-l:900ms;
  --ease:cubic-bezier(.2,.8,.2,1); --ease-io:cubic-bezier(.65,0,.35,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:150px}
body{margin:0;background:var(--blanco);color:var(--negro-marca);font:400 18px/1.55 var(--f-txt);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.locked{position:fixed;left:0;right:0;overflow:hidden}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0;text-wrap:pretty}
h1,h2,h3{margin:0}
::selection{background:var(--lima);color:var(--negro-marca)}
:focus-visible{outline:3px solid var(--negro-marca);outline-offset:3px}
.osc :focus-visible,.menu :focus-visible{outline-color:var(--lima)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--negro-marca);color:var(--blanco);padding:12px 16px;text-decoration:none;font-weight:700}
.skip:focus{top:12px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.grid{display:grid;grid-template-columns:repeat(12,var(--col));gap:var(--gap)}
.grid>*{min-width:0}
svg.ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}

/* TITULARES (Anybody, un solo ancho) */
.d{font-family:var(--f-tit);font-style:italic;font-weight:850;font-stretch:75%;text-transform:uppercase;line-height:.88;letter-spacing:-.005em}
h2.d{font-size:clamp(2.6rem,6vw,5.6rem);text-wrap:balance}
/* máscara de línea: el hueco lateral y el inferior dejan entera la itálica (A, L, J…) y las comas; el margen negativo lo compensa */
.ln{display:block;overflow:hidden;padding:.1em .16em .14em;margin:-.1em -.16em -.14em}
.ln>i{display:block;font-style:inherit}

/* BANDA: el único componente de datos. Tramo A lima con texto negro; tramo B negro con texto blanco. */
.banda{display:inline-flex;flex-direction:column;align-items:flex-start;max-width:100%}
.ba,.bb{display:block;max-width:100%}
.banda.linea{flex-direction:row;flex-wrap:wrap;align-items:stretch}
.banda.linea>*{display:flex;align-items:center}
.ba{background:var(--lima);color:var(--negro-marca);font:850 italic 22px/1 var(--f-tit);font-stretch:75%;text-transform:uppercase;padding:.34em .55em .26em}
.bb{background:var(--negro-marca);color:var(--blanco);font:600 15px/1.3 var(--f-txt);padding:10px 14px;font-variant-numeric:tabular-nums}
/* uso 1: destacar en lima dentro de un titular */
.d .ba{font:inherit;line-height:.92;padding:.08em .16em .02em .1em;display:inline-block}

/* BOTONES: relleno de abajo arriba */
.btn{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:0 24px;font:700 16px/1 var(--f-txt);text-decoration:none;border:2px solid var(--negro-marca);background:var(--negro-marca);color:var(--blanco);position:relative;overflow:hidden;isolation:isolate;cursor:pointer;transition:color var(--t-r) var(--ease),transform var(--t-r) var(--ease)}
.btn::before{content:"";position:absolute;inset:0;background:var(--lima);transform:translateY(101%);transition:transform var(--t-m) var(--ease);z-index:-1}
.btn .ic{transition:transform var(--t-m) var(--ease)}
.btn.ghost{background:transparent;color:var(--negro-marca)}
.btn.lima{background:var(--lima);color:var(--negro-marca);border-color:var(--lima)}
.btn.lima::before{background:var(--blanco)}
.btn:focus-visible{color:var(--negro-marca)}
.btn:focus-visible::before{transform:none}
.btn:active{transform:translateY(1px)}
.btn:active::before{transform:none;transition-duration:var(--t-r)}

/* ENLACE: subrayado lima que se dibuja de izquierda a derecha, sobre la línea en reposo */
.link{display:inline-flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;min-height:44px;position:relative;width:fit-content;max-width:100%;justify-self:start;align-self:start}
.link::after,.link::before{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px}
.link::after{background:currentColor}
.link::before{background:var(--lima);height:4px;bottom:7px;z-index:1;transform:scaleX(0);transform-origin:left;transition:transform var(--t-m) var(--ease)}
.link .ic{transition:transform var(--t-m) var(--ease)}
.link:focus-visible::before{transform:scaleX(1)}
.link:active::before{transform:scaleX(1);transition-duration:var(--t-r)}

/* CONTROL DE PAUSA */
.pz{position:absolute;right:14px;bottom:14px;z-index:5;width:30px;height:30px;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:var(--blanco);opacity:.6;display:grid;place-items:center;cursor:pointer;padding:0;transition:opacity var(--t-r)}
.pz:focus-visible{opacity:1}
.pz svg{width:10px;height:10px;fill:currentColor}
.pz .play{display:none}
.pz[aria-pressed="true"] .play{display:block}
.pz[aria-pressed="true"] .pause{display:none}

/* CABECERA */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgb(255 255 255 / .94);backdrop-filter:blur(10px) saturate(1.3);transition:transform var(--t-m) var(--ease),box-shadow var(--t-r)}
.top.hide{transform:translateY(calc(-100% - env(safe-area-inset-top,0px)))}
.top.scrolled{box-shadow:0 1px 0 var(--linea)}
.top .wrap{display:flex;align-items:center;gap:36px;height:80px}
.top .logo{display:block;position:relative;z-index:2}
.top .logo img{height:40px;width:auto}
.top nav{margin-left:auto}
.top nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.top nav a{font-weight:600;font-size:16px;text-decoration:none;padding:10px 0;position:relative}
.top nav a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:4px;background:var(--lima);transform:scaleX(0);transform-origin:left;transition:transform var(--t-m) var(--ease)}
.top nav a:focus-visible::after,.top nav a[aria-current="page"]::after{transform:scaleX(1)}
.top .acc{min-height:44px;padding:0 16px;font-size:15px;gap:10px}
.burger{display:none;margin-left:auto;position:relative;z-index:2;align-items:center;gap:12px;min-height:44px;padding:0 4px 0 12px;background:none;border:0;font:700 15px var(--f-txt);color:inherit;cursor:pointer}
.burger .txt{display:grid;overflow:hidden;height:1.2em;line-height:1.2}
.burger .txt span{grid-area:1/1;transition:transform var(--t-m) var(--ease)}
.burger .txt span:last-child{transform:translateY(110%)}
.burger .ico{position:relative;width:26px;height:14px}
.burger .ico i{position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform var(--t-m) var(--ease),top var(--t-m) var(--ease),left var(--t-m) var(--ease)}
.burger .ico i:first-child{top:2px}
.burger .ico i:last-child{top:10px;left:8px}
.open .burger{color:var(--blanco)}
.open .burger .txt span:first-child{transform:translateY(-110%)}
.open .burger .txt span:last-child{transform:none}
.open .burger .ico i:first-child{top:6px;transform:rotate(45deg)}
.open .burger .ico i:last-child{top:6px;left:0;transform:rotate(-45deg)}
.open .top{background:transparent;backdrop-filter:none;box-shadow:none}
.open .top .logo img{filter:brightness(0) invert(1)}

/* MENÚ MÓVIL */
.menu{position:fixed;inset:0;z-index:55;background:var(--negro-marca);color:var(--blanco);display:flex;flex-direction:column;padding:calc(104px + env(safe-area-inset-top,0px)) var(--pad) calc(28px + env(safe-area-inset-bottom,0px));overflow:auto;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease-io),visibility 0s .7s}
.open .menu{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .7s var(--ease-io),visibility 0s}
.menu ul{list-style:none;margin:0;padding:0}
.menu li{overflow:hidden;border-bottom:1px solid var(--linea-osc)}
.menu li a{display:block;padding:16px 0 14px .1em;text-decoration:none;font:850 italic clamp(2.4rem,11vw,3.6rem)/.95 var(--f-tit);font-stretch:75%;text-transform:uppercase;transform:translateY(105%);transition:transform .7s var(--ease),color var(--t-r)}
.menu li a:active{color:var(--lima)}
.open .menu li a{transform:none}
.open .menu li:nth-child(1) a{transition-delay:.18s}
.open .menu li:nth-child(2) a{transition-delay:.24s}
.open .menu li:nth-child(3) a{transition-delay:.30s}
.open .menu li:nth-child(4) a{transition-delay:.36s}
.menu .pie-m{margin-top:auto;padding-top:36px;display:grid;gap:14px;opacity:0;transform:translateY(12px);transition:opacity var(--t-m),transform var(--t-m) var(--ease)}
.open .menu .pie-m{opacity:1;transform:none;transition-delay:.45s}
.menu .pie-m .btn{justify-content:space-between}
.menu .pie-m .btn.ghost{color:var(--blanco);border-color:rgb(255 255 255 / .5)}
.menu .pie-m .btn.ghost::before{background:var(--blanco)}
.menu .pie-m .btn.ghost:focus-visible{color:var(--negro-marca)}
.menu .dato{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:14px;color:var(--web-niebla);margin-top:6px}
.menu .dato a{color:var(--blanco)}

/* TRANSICIÓN ENTRE PÁGINAS: nativa entre documentos (sustituye a la cortinilla JS del prototipo); como allí, no con movimiento reducido */
@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}

/* PORTADA */
.hero{padding-block:clamp(12px,2vw,28px) clamp(72px,9vw,128px)}
.through{position:relative;container-type:inline-size}
.tv{position:relative;isolation:isolate;container-type:inline-size;background:var(--negro-marca);overflow:hidden}
.tv video,.tv .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 48%;transition:opacity var(--t-m)}
.through .mask{position:relative;background:#fff;color:#000;mix-blend-mode:screen;margin:0;font-size:20.4cqi;line-height:.8;padding:.05em 0 .02em .015em}
.through .mask span{display:block}
/* escritorio: la frase ocupa el alto exacto de «26/27» (17,29–31,09 cqi) y empieza 3 cqi a su derecha; nunca pasa del ancho de «TEMPORADA» (98,3 cqi) */
.hero-copy{position:absolute;top:17.17cqi;left:52.8cqi;z-index:3}
.hero h1{font-size:4.88cqi;line-height:.92;white-space:nowrap}
.hero .bk{display:inline}
.hero .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;padding-top:28px}
.tv .pz{right:0;bottom:4px;color:var(--negro-marca)}
@supports (animation-timeline: view()){
  .tv video,.tv .poster{animation:crece linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
  @keyframes crece{to{transform:scale(1.14) translateY(4%)}}
}
.js .hero h1 .ln>i{transform:translateY(130%)}
.js .hero .through .mask span{clip-path:inset(0 0 100% 0)}
.js .hero .ctas{opacity:0;transform:translateY(10px)}
.loaded .hero h1 .ln>i{transform:none;transition:transform var(--t-l) .35s var(--ease)}
.loaded .hero h1 .ln:nth-child(2)>i{transition-delay:.47s}
.loaded .hero .through .mask span{clip-path:inset(0 0 0 0);transition:clip-path 1.1s var(--ease-io)}
.loaded .hero .through .mask span+span{transition-delay:.12s}
.loaded .hero .ctas{opacity:1;transform:none;transition:opacity var(--t-m) .8s,transform var(--t-l) .8s var(--ease)}

/* ENTRADILLA */
.entrada{padding-bottom:var(--sec)}
.entradilla{grid-column:1/span 10;font-size:clamp(1.5rem,2.9vw,2.6rem);line-height:1.24;font-weight:500;letter-spacing:-.012em}
.entradilla b{font-weight:700}

/* FILA: un solo patrón para listas (texto, enlace, dato) */
.fila{list-style:none;margin:0;padding:0;border-top:2px solid var(--negro-marca)}
.fila>li{border-bottom:1px solid var(--linea)}
.fila.texto>li{display:grid;gap:6px;padding:22px 0}
.fila.texto b{font-size:19px;line-height:1.3}
.fila.texto p{color:var(--web-grafito);font-size:16.5px}
.fila.dato>li{display:flex;justify-content:space-between;gap:16px;padding:15px 0;font-variant-numeric:tabular-nums}
.fila.dato b{font-weight:700;white-space:nowrap}

/* CLASES */
.clases{padding-bottom:var(--sec);overflow-x:clip}
.rep-foto{grid-column:1/span 7;grid-row:1;margin:0 0 0 calc(-1 * var(--bleed));overflow:hidden;position:relative;z-index:2}
.rep-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:42% 50%}
@supports (animation-timeline: view()){
  .rep-foto img{animation:deriva linear both;animation-timeline:view();animation-range:cover}
  @keyframes deriva{from{transform:scale(1.12) translateY(-3%)}to{transform:scale(1.12) translateY(3%)}}
}
/* PANEL LIMA: superficie de acento (texto negro, 9,14:1), a sangre por un lado */
.panel{color:var(--negro-marca);background:var(--lima);position:relative;isolation:isolate}
/* TRAMA: semitono en onda (se dibuja en canvas): puntos que crecen en degradado hacia una esquina y ondulan con el scroll */
.panel>.trama{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.panel>*:not(.trama){position:relative;z-index:1}
/* la misma trama, mucho más tenue, en el fondo blanco: lienzo fijo detrás de todo; paneles, fotos y bandas oscuras la tapan */
.trama-fondo{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.panel .fila{border-top-color:var(--negro-marca)}
.panel .fila>li{border-bottom-color:rgb(19 19 19 / .22)}
.panel .fila.texto p{color:var(--negro-marca)}
.rep-txt{grid-column:7/-1;grid-row:1;align-self:center;display:grid;align-content:center;gap:48px;margin-right:calc(-1 * var(--bleed));padding:var(--panel-pad) var(--bleed) var(--panel-pad) calc((100% - 5 * var(--gap)) / 6 + var(--gap) + clamp(28px,3.5vw,56px))}

/* NIVELES: la única lista numerada; el número es un marcador */
.niveles{padding-bottom:var(--sec)}
.niv-head{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:48px}
.niv-head p{max-width:34ch;color:var(--web-grafito)}
.niv-list{grid-column:1/span 8;grid-row:2}
.niv-list>li{border-bottom:1px solid var(--negro-marca)}
.niv{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 22px;align-items:center;padding:24px 16px 24px 0;text-decoration:none;position:relative;isolation:isolate}
.niv::before{content:"";position:absolute;inset:0 -12px;background:var(--lima);transform:scaleY(0);transform-origin:bottom;transition:transform var(--t-m) var(--ease);z-index:-1}
.niv:active::before{transform:scaleY(1);transition-duration:var(--t-r)}
.niv:focus-visible::before{transform:scaleY(1)}
.mk{grid-row:1/span 2;align-self:start;display:grid;place-items:center;min-width:2.1em;height:2.1em;padding:0 .3em;background:var(--negro-marca);color:var(--lima);font:850 italic 22px/1 var(--f-tit);font-stretch:75%;font-variant-numeric:tabular-nums;margin-top:.2em}
.niv .nom{font:850 italic clamp(2rem,4vw,3.6rem)/.9 var(--f-tit);font-stretch:75%;text-transform:uppercase}
.niv .nom{grid-column:2;grid-row:1}
/* Por debajo de 380px «Perfeccionamiento» no cabe a 2rem (tampoco en el prototipo): WCAG 1.4.10 a 320px, ORDEN-11;
   y una palabra larga parte línea antes que ensanchar la página (también con el espaciado de WCAG 1.4.12) */
@media (max-width:379px){.niv .nom{font-size:1.6rem}}
.niv .nom{overflow-wrap:anywhere}
.niv .que{grid-column:2;grid-row:2;font-size:16.5px;color:var(--web-grafito);max-width:52ch}
.niv:focus-visible .que{color:var(--negro-marca)}
.niv .go{grid-row:1/span 2;grid-column:3;font-weight:700;font-size:15px;display:flex;gap:8px;align-items:center;white-space:nowrap}
.niv .go .ic{transition:transform var(--t-m) var(--ease)}
.niv-prev{grid-column:9/span 4;grid-row:2;position:relative;align-self:stretch;min-height:320px;overflow:hidden;background:var(--negro-marca)}
.niv-prev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(100% 0 0 0);transform:scale(1.08);transition:clip-path .7s var(--ease-io),transform var(--t-l) var(--ease)}
.niv-prev img.on{clip-path:inset(0 0 0 0);transform:none}
.niv-note{grid-column:1/span 8;grid-row:3;margin-top:24px;color:var(--web-grafito)}
.niv-note a{font-weight:700;color:var(--negro-marca)}

/* BANDA DE VÍDEO (primera pausa oscura) */
.enjuego{background:var(--negro-marca);color:var(--blanco);min-height:min(92vh,860px);display:grid;overflow:hidden;position:relative}
.enjuego video,.enjuego .poster{grid-area:1/1;width:100%;height:100%;object-fit:cover;object-position:70% 50%;transition:opacity var(--t-m)}
.enjuego::after{content:"";grid-area:1/1;z-index:1;background:linear-gradient(90deg,rgb(19 19 19 / .78),rgb(19 19 19 / 0) 72%)}
.enjuego .capa{grid-area:1/1;position:relative;z-index:2;display:grid;align-content:center;gap:28px;padding-block:var(--pad);max-width:var(--max);width:100%;margin-inline:auto}
.enjuego h2{font-size:clamp(2.8rem,7vw,6.8rem);max-width:13ch}
.enjuego .txt{font-size:clamp(1.1rem,1.6vw,1.35rem);max-width:40ch;color:var(--blanco)}
.enjuego .acc{display:flex;flex-wrap:wrap;align-items:end;gap:24px 40px}
.enjuego .banda{margin-bottom:-4px}

/* TARIFAS (sin foto: el precio es el ancla) */
.tarifas{padding-block:var(--sec);overflow-x:clip}
.tar-a{grid-column:1/span 6;display:grid;align-content:start;gap:22px;margin-left:calc(-1 * var(--bleed));padding:var(--panel-pad) clamp(28px,3.5vw,56px) var(--panel-pad) var(--bleed)}
.tar-b{grid-column:8/span 5;display:grid;align-content:start;gap:26px;padding-top:var(--panel-pad)}
.precio{font:850 italic clamp(5.4rem,12vw,12rem)/.8 var(--f-tit);font-stretch:75%;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:18px 0 6px;display:flex;align-items:baseline}
.precio .c{display:inline-block;overflow:hidden;padding:.08em .08em .06em;margin:-.08em -.08em -.06em}
.precio .c i{display:inline-block;font-style:inherit}
.precio small{font-size:.42em;letter-spacing:0;margin-left:.12em}
.precio-pie{font-size:19px;max-width:36ch}
.precio-pie b{font-weight:700}
.nota{color:var(--web-grafito);font-size:16px}
.tar-b .btn{justify-self:start;margin-top:6px}

/* CINTA DE MATERIAL */
.cinta{position:relative;overflow:hidden;background:var(--negro-marca);color:var(--blanco);margin-bottom:var(--sec)}
.cinta>img{width:100%;height:clamp(320px,38vw,540px);object-fit:cover;object-position:50% 40%;opacity:.92}
.tape{position:absolute;left:-5%;right:-5%;top:46%;transform:translateY(-50%) rotate(-3.5deg);background:var(--lima);color:var(--negro-marca);overflow:hidden}
.tape .track{display:flex;width:max-content;animation:tape 40s linear infinite}
.tape p{display:flex;gap:40px;padding:18px 20px;font:850 italic clamp(1.4rem,2.4vw,2.2rem)/1 var(--f-tit);font-stretch:75%;text-transform:uppercase;white-space:nowrap}
.tape p span::after{content:"";display:inline-block;width:.32em;height:.32em;border-radius:50%;background:currentColor;margin-left:40px;vertical-align:.18em}
.cinta.paused .track{animation-play-state:paused}
@keyframes tape{to{transform:translateX(-50%)}}
.cinta .enl{position:absolute;left:var(--pad);bottom:calc(var(--pad) - 8px);z-index:3}

/* MENORES */
.menores{padding-bottom:var(--sec)}
.men-txt{grid-column:1/span 4;display:grid;align-content:end;gap:24px;padding-bottom:12px}
.men-foto{grid-column:6/span 7;margin:0;position:relative}
.men-foto .img{overflow:hidden}
.men-foto img{width:100%;aspect-ratio:16/10;object-fit:cover}
.men-foto .banda{position:absolute;left:-40px;bottom:32px}

/* EQUIPO (blanco: el medio tono lo ponen las fotos) */
.equipo{padding-bottom:var(--sec)}
.eq-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:64px}
.persona{grid-column:span 5;display:grid;align-content:start}
.persona:nth-of-type(2){grid-column:8/span 5;margin-top:120px}
.persona .foto{position:relative;margin:0;overflow:hidden}
.persona .foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.persona .prov{position:absolute;left:12px;top:12px;font:600 11px/1 var(--f-txt);letter-spacing:.06em;text-transform:uppercase;background:rgb(19 19 19 / .75);color:var(--web-niebla);padding:6px 8px}
.persona .banda{margin:-30px 0 0 16px;position:relative;z-index:2}
.persona .banda .ba{font-size:clamp(26px,2.6vw,36px)}
.persona p{color:var(--web-grafito);max-width:44ch;font-size:16.5px;margin-top:20px}

/* CIERRE + PIE (segunda y última pausa oscura) */
.final{position:relative;isolation:isolate;overflow:hidden;background:var(--negro-marca);color:var(--blanco)}
.final>video,.final>.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.36;z-index:-1;transition:opacity var(--t-m)}
.cierre{padding-block:var(--sec) clamp(72px,8vw,120px)}
h2.d.empezamos{font-size:clamp(3rem,12.2vw,11.6rem);line-height:.82}
.empezamos em{font-style:inherit;color:var(--lima)}
.cierre .cols{display:grid;grid-template-columns:repeat(12,var(--col));gap:var(--gap);margin-top:48px;align-items:end}
.cierre .cols>*{min-width:0}
.cierre .txt{grid-column:1/span 5;font-size:20px}
.cierre .acc2{grid-column:7/span 6;display:grid;gap:18px;justify-items:start}
.cierre .tel{font:850 italic clamp(2rem,3.6vw,3.2rem)/1 var(--f-tit);font-stretch:75%;font-variant-numeric:tabular-nums;color:var(--blanco);text-decoration:none}
.dir{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--web-niebla)}
.dir a{color:var(--blanco);font-weight:700}
.pie-web{background:linear-gradient(to bottom,rgb(19 19 19 / 0),rgb(19 19 19 / .88) 42%);padding-block:56px 110px}
.pie-web>.wrap{border-top:1px solid var(--linea-osc);padding-top:56px}
.pie-web .logo{grid-column:1/span 3}
.pie-web .logo img{height:54px;width:auto}
.pie-web .c{grid-column:span 3;display:grid;gap:8px;font-size:15.5px;color:var(--web-niebla);align-content:start}
.pie-web .c b{color:var(--blanco)}
.pie-web .c a{color:var(--blanco);text-decoration-color:rgb(255 255 255 / .4)}
.lema{font:850 italic 24px/1.05 var(--f-tit);font-stretch:75%;text-transform:uppercase;color:var(--blanco)}
.legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 24px;border-top:1px solid var(--linea-osc);padding-top:22px;margin-top:28px;font-size:14px;color:var(--web-niebla)}
.legal a{color:var(--web-niebla)}



/* ====== PÁGINAS INTERIORES (v5) ====== */
[hidden]{display:none!important}

/* EXPERIENCIA: bloque lima con la cifra de años; ocupa el sitio del retrato hasta que haya fotos reales */
.exp{margin:0;display:grid;align-content:end;gap:6px;padding:clamp(24px,3vw,40px) clamp(24px,3vw,40px) clamp(48px,5vw,64px);aspect-ratio:5/4;overflow:hidden}
.exp-n{font:850 italic clamp(5rem,11vw,9.5rem)/.8 var(--f-tit);font-stretch:75%;font-variation-settings:"wdth" 75;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.exp-t{font:700 clamp(17px,1.5vw,20px)/1.25 var(--f-txt);max-width:16ch}
.ficha .exp{aspect-ratio:1/1}
.exp p{color:var(--negro-marca);margin:0;max-width:none}
.exp .exp-n{font-size:clamp(5rem,11vw,9.5rem)}
.exp .exp-t{font-size:clamp(17px,1.5vw,20px);max-width:16ch}

/* PÁGINAS LEGALES */
.legal-txt{padding-bottom:var(--sec)}
.legal-txt .cuerpo{grid-column:1/span 8;display:grid;gap:18px;font-size:17px;line-height:1.6}
.legal-txt h2{font:700 22px/1.25 var(--f-txt);margin-top:28px;letter-spacing:-.005em}
.legal-txt h2:first-child{margin-top:0}
.legal-txt ul{margin:0;padding-left:1.2em;display:grid;gap:6px}
.legal-txt a{text-decoration-color:var(--lima);text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}
.lt{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;border-top:2px solid var(--negro-marca)}
.lt th,.lt td{text-align:left;vertical-align:top;padding:12px 14px 12px 0;border-bottom:1px solid var(--linea)}
.lt thead th{font:600 12px/1.3 var(--f-txt);letter-spacing:.08em;text-transform:uppercase;color:var(--web-grafito)}
.lt tbody th{font-weight:700}
.legal-txt .act{color:var(--web-grafito);font-size:15px}
.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tabla-scroll .lt{min-width:640px}
@media (max-width:960px){.legal-txt .cuerpo{grid-column:1/-1}}
/* La tabla (min-width 640px) desplaza dentro de .tabla-scroll, no ensancha la página (WCAG 1.4.10, ORDEN-11) */
.legal-txt .cuerpo{min-width:0;grid-template-columns:minmax(0,1fr)}

/* LOGOS DE FINANCIACIÓN (Kit Digital): siempre sobre blanco */
.financia{grid-column:1/-1;background:var(--blanco);margin-top:36px;padding:16px clamp(16px,3vw,32px);display:flex;justify-content:center}
.financia img{width:100%;max-width:700px;height:auto}

/* AVISO DE COOKIES */
.cookies{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:120;width:min(680px,calc(100vw - 24px));background:var(--blanco);color:var(--negro-marca);border:2px solid var(--negro-marca);box-shadow:0 18px 50px rgb(19 19 19 / .22);padding:22px 24px 20px;display:grid;gap:14px;font-size:15.5px;line-height:1.45}
.cookies[hidden]{display:none}
.cookies h2{font:850 italic 26px/.95 var(--f-tit);font-stretch:75%;font-variation-settings:"wdth" 75;text-transform:uppercase}
.cookies a{text-decoration-color:var(--lima);text-decoration-thickness:2px}
.cookies .ck-acc{display:flex;flex-wrap:wrap;gap:10px}
.cookies .btn{min-height:46px;padding:0 18px;font-size:15px;flex:1 1 140px;justify-content:center}
.cookies .ck-conf{display:grid;gap:10px;border-top:1px solid var(--linea);padding-top:14px}
.cookies .ck-conf[hidden]{display:none}
.cookies .ck-op{display:flex;justify-content:space-between;align-items:center;gap:16px}
.cookies .ck-op b{display:block}
.cookies .ck-op small{color:var(--web-grafito);font-size:13.5px}
.cookies .ck-op input{width:22px;height:22px;accent-color:var(--negro-marca);flex:none}
.pie-web .legal button{background:none;border:0;padding:0;font:inherit;color:var(--web-niebla);text-decoration:underline;cursor:pointer}

/* CABECERA DE PÁGINA: H1 grande, entradilla y, si hay, un dato en Banda y la llamada */
.cab{padding-block:clamp(40px,6vw,96px) clamp(72px,9vw,128px)}
.cab h1{grid-column:1/span 11;font-size:clamp(3rem,8.4vw,8rem);line-height:.86;text-wrap:balance}
.cab .cab-txt{grid-column:1/span 7;margin-top:clamp(28px,3vw,44px);font-size:clamp(1.2rem,1.9vw,1.6rem);line-height:1.38;font-weight:500;letter-spacing:-.01em}
.cab .cab-txt b{font-weight:700}
.cab .cab-lado{grid-column:9/span 4;align-self:end;display:grid;gap:22px;justify-items:start}
.cab-foto{margin:clamp(40px,5vw,72px) calc(-1 * var(--bleed)) 0;position:relative}
.cab-foto .img{overflow:hidden}
.cab-foto img{width:100%;aspect-ratio:16/7;object-fit:cover;object-position:50% 45%}
.cab-foto .banda{position:absolute;left:var(--bleed);bottom:clamp(16px,3vw,40px)}
.prov{position:absolute;left:12px;top:12px;font:600 11px/1 var(--f-txt);letter-spacing:.06em;text-transform:uppercase;background:rgb(19 19 19 / .75);color:var(--web-niebla);padding:6px 8px;z-index:2}

/* ÍNDICE EDITORIAL: solo en páginas largas (Clases y tarifas). Fijo bajo la cabecera; marca la sección en curso. */
.indice{position:sticky;top:calc(80px + env(safe-area-inset-top,0px));z-index:30;background:rgb(255 255 255 / .94);backdrop-filter:blur(10px) saturate(1.3);border-block:1px solid var(--linea);margin-bottom:clamp(56px,7vw,104px)}
.indice ul{display:flex;gap:30px;overflow-x:auto;list-style:none;margin:0;padding:0;scrollbar-width:none}
.indice ul::-webkit-scrollbar{display:none}
.indice a{display:block;padding:17px 0 15px;font:600 15px/1.2 var(--f-txt);text-decoration:none;white-space:nowrap;position:relative;color:var(--web-grafito);transition:color var(--t-r)}
.indice a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:var(--lima);transform:scaleX(0);transform-origin:left;transition:transform var(--t-m) var(--ease)}
.indice a[aria-current="true"]{color:var(--negro-marca)}
.indice a[aria-current="true"]::after,.indice a:focus-visible::after{transform:scaleX(1)}

/* PREGUNTA: sección con H2 en forma de pregunta a la izquierda y la respuesta a la derecha */
.preg{padding-bottom:var(--sec)}
.pq{grid-column:1/span 5;font-size:clamp(2.2rem,3.8vw,3.6rem)!important;line-height:.9!important}
.resp{grid-column:7/span 6;display:grid;gap:18px;align-content:start;padding-top:.3em;font-size:19px;line-height:1.55}
.resp .nota{font-size:16px;color:var(--web-grafito)}
/* variante corta: tres preguntas en columnas */
.cortas{list-style:none;margin:0;padding:0;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,var(--col));gap:var(--gap)}
.cortas>li{border-top:2px solid var(--negro-marca);padding-top:22px;display:grid;gap:12px;align-content:start}
.cortas h3{font:850 italic clamp(1.6rem,2.3vw,2.2rem)/.92 var(--f-tit);font-stretch:75%;font-variation-settings:"wdth" 75;text-transform:uppercase}
.cortas p{font-size:17px;color:var(--web-grafito)}

/* BLOQUE CON PANEL: panel lima a sangre por un lado con título y contenido dentro */
.bloque{padding-bottom:var(--sec);overflow-x:clip}
.bloque .panel{display:grid;grid-template-columns:repeat(12,var(--col));gap:var(--gap);padding-block:var(--panel-pad);margin-left:calc(-1 * var(--bleed));padding-left:var(--bleed);padding-right:clamp(28px,3.5vw,56px)}
.bloque.der .panel{margin-left:0;padding-left:clamp(28px,3.5vw,56px);margin-right:calc(-1 * var(--bleed));padding-right:var(--bleed)}
.bloque .panel>h2{grid-column:1/span 4;font-size:clamp(2.2rem,3.8vw,3.6rem)!important;line-height:.9!important}
.bloque .panel>.bl-cuerpo{grid-column:6/span 7;display:grid;gap:20px;align-content:start}

/* TABLA DE TARIFAS: tabla real (lectores de pantalla), precio en Anybody */
.tt{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tt caption{text-align:left;font:600 12px/1.3 var(--f-txt);letter-spacing:.08em;text-transform:uppercase;padding-bottom:12px}
.tt thead th{font:600 12px/1.3 var(--f-txt);letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:0 0 12px;border-bottom:2px solid var(--negro-marca)}
.tt th.pr,.tt td.pr{text-align:right}
.tt tbody th,.tt tbody td{padding:16px 0;border-bottom:1px solid var(--linea);vertical-align:baseline;text-align:left}
.panel .tt tbody th,.panel .tt tbody td{border-bottom-color:rgb(19 19 19 / .22)}
.tt tbody th{font-weight:700;font-size:18px;padding-right:16px}
.tt tbody td{font-size:16.5px;padding-right:16px}
.tt td.pr{font:850 italic clamp(1.6rem,2.4vw,2.2rem)/1 var(--f-tit);font-stretch:75%;font-variation-settings:"wdth" 75;white-space:nowrap;padding-right:0}
.tt td.pr small{font:600 13px/1.2 var(--f-txt);font-style:normal;display:block;margin-top:4px;letter-spacing:0;text-transform:none}
.tt-nota{font-size:16px;margin-top:16px}

/* FICHA DE MONITOR: retrato + Banda con nombre y cargo + datos en lista */
.fichas{display:grid;gap:clamp(72px,9vw,140px);padding-bottom:var(--sec)}
.ficha{display:grid;grid-template-columns:repeat(12,var(--col));gap:var(--gap);align-items:end}
.ficha .foto{grid-column:1/span 5;margin:0;position:relative;overflow:hidden}
.ficha .foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.ficha .datos{grid-column:7/span 6;display:grid;gap:26px}
.ficha:nth-child(even) .foto{grid-column:8/span 5;grid-row:1}
.ficha:nth-child(even) .datos{grid-column:1/span 6;grid-row:1}
.ficha .banda .ba{font-size:clamp(28px,3.4vw,48px)}
.dl{margin:0;border-top:2px solid var(--negro-marca)}
.dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 20px;padding:14px 0;border-bottom:1px solid var(--linea)}
.dl dt{font:600 12px/1.6 var(--f-txt);letter-spacing:.08em;text-transform:uppercase;color:var(--web-grafito);padding-top:2px}
.dl dd{margin:0;font-size:17px;font-weight:600}
.ficha .txt{color:var(--web-grafito);font-size:17px;max-width:52ch}
.ficha-vacia{border:1.5px dashed var(--web-grafito);padding:clamp(28px,4vw,48px);display:grid;gap:12px;justify-items:start;color:var(--web-grafito)}
.ficha-vacia b{font:850 italic clamp(1.6rem,2.4vw,2.2rem)/.95 var(--f-tit);font-stretch:75%;font-variation-settings:"wdth" 75;text-transform:uppercase;color:var(--negro-marca)}

/* CONTACTO: canales + formulario */
.contacto{padding-bottom:var(--sec)}
.canales{grid-column:1/span 5;display:grid;gap:40px;align-content:start}
.canal{list-style:none;margin:0;padding:0;border-top:2px solid var(--negro-marca)}
.canal>li{display:grid;gap:4px;padding:18px 0 20px;border-bottom:1px solid var(--linea)}
.canal .et{font:600 12px/1.3 var(--f-txt);letter-spacing:.08em;text-transform:uppercase;color:var(--web-grafito)}
.canal .val{font:850 italic clamp(1.6rem,2.4vw,2.3rem)/1.02 var(--f-tit);font-stretch:75%;font-variation-settings:"wdth" 75;text-transform:uppercase;user-select:all}
.canal .val.min{font:600 19px/1.4 var(--f-txt);text-transform:none;user-select:text}
.formzona{grid-column:7/span 6}
.formzona h2{font-size:clamp(2.2rem,3.8vw,3.6rem)!important;line-height:.9!important;margin-bottom:28px}

/* FORMULARIO: campos a escuadra, etiqueta encima, error en texto bajo el campo */
.form{display:grid;gap:24px}
.campo{display:grid;gap:8px;border:0;margin:0;padding:0;min-width:0}
.campo>label,.campo>legend{font:600 15px/1.3 var(--f-txt);padding:0}
.campo .ayuda{font-size:14px;color:var(--web-grafito);margin-top:-2px}
.campo .opc{font-weight:400;color:var(--web-grafito)}
.form input[type=text],.form input[type=tel],.form input[type=email],.form input[type=number],.form select,.form textarea{width:100%;min-height:54px;padding:14px 16px;font:400 17px/1.3 var(--f-txt);color:var(--negro-marca);background:var(--blanco);border:1.5px solid var(--web-grafito);border-radius:0;appearance:none;transition:border-color var(--t-r)}
.form textarea{min-height:140px;resize:vertical}
.form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23131313' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:20px;padding-right:48px}
.form input:hover,.form select:hover,.form textarea:hover{border-color:var(--negro-marca)}
.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:3px solid var(--negro-marca);outline-offset:2px;border-color:var(--negro-marca)}
.campo.err input,.campo.err select,.campo.err textarea{border:2px solid var(--web-error)}
.msg-err{display:none;gap:8px;align-items:flex-start;color:var(--web-error);font:600 15px/1.35 var(--f-txt)}
.msg-err::before{content:"!";flex:none;display:grid;place-items:center;width:18px;height:18px;margin-top:1px;background:var(--web-error);color:var(--blanco);font:700 12px/1 var(--f-txt)}
.campo.err .msg-err{display:flex}
/* opciones como fichas (radio y casillas): un gesto, el de la Banda: seleccionada = lima */
.fichas-op{display:flex;flex-wrap:wrap;gap:10px}
.op{position:relative}
.op input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.op span{display:flex;align-items:center;min-height:48px;padding:0 18px;border:1.5px solid var(--web-grafito);font:600 16px/1.2 var(--f-txt);transition:background var(--t-r),border-color var(--t-r)}
.op input:hover+span{border-color:var(--negro-marca)}
.op input:checked+span{background:var(--lima);border-color:var(--negro-marca)}
.op input:checked+span::before{content:"";width:14px;height:8px;border:solid var(--negro-marca);border-width:0 0 2.5px 2.5px;transform:rotate(-45deg) translateY(-2px);margin-right:10px}
.op input:focus-visible+span{outline:3px solid var(--negro-marca);outline-offset:2px}
.campo.err .op span{border-color:var(--web-error)}
/* casilla de privacidad */
.casilla{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;font-size:16px;line-height:1.45}
.casilla input{appearance:none;width:26px;height:26px;margin:0;border:1.5px solid var(--web-grafito);background:var(--blanco);cursor:pointer;display:grid;place-items:center}
.casilla input:checked{background:var(--lima) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23131313' stroke-width='3'/%3E%3C/svg%3E") center/18px no-repeat;border-color:var(--negro-marca)}
.casilla input:focus-visible{outline:3px solid var(--negro-marca);outline-offset:2px}
.casilla a{font-weight:700}
.campo.err .casilla input{border:2px solid var(--web-error)}
.form .nota-menor{font-size:15px;color:var(--web-grafito)}
.form .trampa{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form .btn[disabled]{opacity:.7;cursor:progress}
.resumen{border:2px solid var(--web-error);padding:18px 20px;display:grid;gap:8px}
.resumen h3{font:700 17px/1.3 var(--f-txt);color:var(--web-error)}
.resumen ul{margin:0;padding-left:20px;display:grid;gap:4px}
.resumen a{font-weight:600}
.fallo{border:2px solid var(--web-error);padding:16px 20px;font-weight:600;color:var(--web-error)}
.fallo a{color:var(--negro-marca)}
.enviado{display:grid;gap:22px;justify-items:start}
.enviado p{font-size:19px;max-width:44ch}
.privacidad{font-size:14px;line-height:1.5;color:var(--web-grafito);border-top:1px solid var(--linea);padding-top:18px}
.privacidad b{color:var(--negro-marca)}
.alumno{border-top:2px solid var(--negro-marca);padding-top:18px;display:grid;gap:8px}
.alumno b{font-size:19px}
.alumno p{color:var(--web-grafito);font-size:16.5px}

@media (max-width:960px){
  .cab h1{grid-column:1/-1}
  .cab .cab-txt,.cab .cab-lado{grid-column:1/-1}
  .cab .cab-lado{margin-top:28px}
  .cab-foto{margin-inline:calc(-1 * var(--pad))}
  .cab-foto .banda{left:var(--pad)}
  .indice{top:calc(68px + env(safe-area-inset-top,0px))}
  .pq,.resp{grid-column:1/-1}
  .resp{padding-top:10px}
  .cortas{grid-template-columns:1fr;row-gap:40px}
  .bloque .panel,.bloque.der .panel{margin-inline:calc(-1 * var(--pad));padding:clamp(40px,8vw,64px) var(--pad)}
  .bloque .panel>h2,.bloque .panel>.bl-cuerpo{grid-column:1/-1}
  .ficha .foto,.ficha:nth-child(even) .foto{grid-column:1/span 10;grid-row:auto}
  .ficha .datos,.ficha:nth-child(even) .datos{grid-column:1/-1;grid-row:auto}
  .canales,.formzona{grid-column:1/-1}
  .formzona{margin-top:40px}
}
@media (max-width:560px){
  .cab-foto img{aspect-ratio:4/3}
  .dl>div{grid-template-columns:1fr}
  .tt thead{display:none}
  .tt tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid var(--linea);padding:14px 0}
  .panel .tt tbody tr{border-bottom-color:rgb(19 19 19 / .22)}
  .tt tbody th,.tt tbody td{border:0!important;padding:0}
  .tt tbody td.dur{grid-column:1;grid-row:2;font-size:15px;color:inherit}
  .tt td.pr{grid-column:2;grid-row:1/span 2;align-self:center}
  .ficha .foto,.ficha:nth-child(even) .foto{grid-column:1/-1}
}

/* ENTRADAS AL BAJAR: tres tipos y nada más. Lo que ya está en pantalla al cargar nunca se oculta. */
[data-rv="t"] .ln>i{transition:transform var(--t-l) var(--ease)}
[data-rv="t"] .ln:nth-child(2)>i{transition-delay:.08s}
[data-rv="t"] .ln:nth-child(3)>i{transition-delay:.16s}
[data-rv="t"].pre .ln>i{transform:translateY(130%)}
[data-rv="img"]{transition:clip-path var(--t-l) var(--ease-io)}
[data-rv="img"].pre{clip-path:inset(100% 0 0 0)}
[data-rv="panel"]{transition:clip-path var(--t-l) var(--ease-io)}
[data-rv="panel"].pre{clip-path:inset(0 100% 0 0)}
[data-rv="banda"]>*{transition:clip-path var(--t-m) var(--ease-io)}
[data-rv="banda"]>*+*{transition-delay:120ms}
[data-rv="banda"].pre>*{clip-path:inset(0 100% 0 0)}
[data-rv="niv"] .mk,[data-rv="niv"] .niv-in>*{transition:clip-path var(--t-m) var(--ease-io),transform var(--t-m) var(--ease);transition-delay:calc(var(--i) * 60ms)}
[data-rv="niv"] .niv-in>*{transition-delay:calc(var(--i) * 60ms + 120ms)}
[data-rv="niv"].pre .mk,[data-rv="niv"].pre .niv-in>*{clip-path:inset(0 100% 0 0)}
.niv-in{display:contents}
[data-rv="cifra"] .c i{transition:transform var(--t-l) var(--ease)}
[data-rv="cifra"] .c:nth-child(2) i{transition-delay:.05s}
[data-rv="cifra"] .c:nth-child(3) i{transition-delay:.1s}
[data-rv="cifra"] .c:nth-child(4) i{transition-delay:.15s}
[data-rv="cifra"] .c:nth-child(5) i{transition-delay:.2s}
[data-rv="cifra"].pre .c i{transform:translateY(115%)}

/* responsive */
@media (max-width:1199px){
  .hero-copy{position:static;padding:32px 0 0}
  .hero h1{font-size:clamp(2.1rem,6.4vw,3.6rem);white-space:normal}
  .hero .bk{display:none}
  .hero .ctas{padding-top:24px}
  .through .mask span+span{font-size:1.86em;margin-top:.03em}
}
@media (max-width:960px){
  .top nav,.top .acc{display:none}
  .burger{display:inline-flex}
  .top .wrap{height:68px}
  .top .logo img{height:34px}
  .entradilla{grid-column:1/-1}
  .rep-foto,.rep-txt,.niv-list,.niv-note,.tar-a,.tar-b,.men-txt,.men-foto{grid-column:1/-1}
  .rep-foto,.rep-txt{grid-row:auto}
  .rep-foto{margin-inline:calc(-1 * var(--pad))}
  .rep-txt,.tar-a{margin-inline:calc(-1 * var(--pad));padding:clamp(40px,8vw,64px) var(--pad)}
  .niv-prev{display:none}
  .niv-list,.niv-note{grid-row:auto}
  .tar-b{padding-top:32px}
  .men-foto{order:-1}
  .men-foto .banda{position:static;margin-top:-22px;margin-left:16px}
  .persona,.persona:nth-of-type(2){grid-column:span 6}
  .persona:nth-of-type(2){margin-top:72px}
  .cierre .txt,.cierre .acc2{grid-column:1/-1}
  .pie-web .logo,.pie-web .c{grid-column:span 6}
}
@media (max-width:560px){
  body{font-size:17px}
  :root{--gap:16px}
  .niv{grid-template-columns:auto minmax(0,1fr);padding-right:0}
  .niv .go{grid-row:3;grid-column:2;margin-top:4px}
  .mk{font-size:18px}
  .enjuego{min-height:680px}
  .enjuego .capa{align-content:end}
  .banda.linea{flex-direction:column;align-items:flex-start}
  .enjuego::after{background:linear-gradient(0deg,rgb(19 19 19 / .88),rgb(19 19 19 / .1) 78%)}
  .fila.dato>li{flex-direction:column;gap:2px}
  .persona,.persona:nth-of-type(2){grid-column:1/-1;margin-top:0}
  .persona+.persona{margin-top:56px}
  .persona .banda{margin-left:12px}
  .pie-web .logo,.pie-web .c{grid-column:1/-1}
}

/* hover solo con ratón; en táctil responde :active */
@media (hover:hover) and (pointer:fine){
  .btn:hover{color:var(--negro-marca)}
  .btn:hover::before{transform:none}
  .btn:hover .ic,.link:hover .ic,.niv:hover .go .ic{transform:translateX(4px)}
  .link:hover::before{transform:scaleX(1)}
  .pz:hover{opacity:1}
  .top nav a:hover::after{transform:scaleX(1)}
  .menu li a:hover{color:var(--lima)}
  .menu .pie-m .btn.ghost:hover{color:var(--negro-marca)}
  .niv:hover::before{transform:scaleY(1)}
  .niv:hover .que{color:var(--negro-marca)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .hero h1 .ln>i,.js .hero .through .mask span,.js .hero .ctas,.pre,.pre *{opacity:1!important;transform:none!important;clip-path:none!important}
}