/* ══════════════════════════════════════════════════════════════════════
   MAindset · web v5 · Atmósfera
   Dos registros de una misma noche:
     · ejecutivo — la nube, la cordillera, la ciudad hecha de luz (portada,
       programas, equipo, La Ola, cierre)
     · construcción — lo que se construye sale de la niebla (Acelera con el
       andamio, el pie con el logo de cubos)
   Invariantes: noche y grano, fenómenos y no objetos, azul solo para la
   frontera de la iA, gris para todo lo demás, Geist sin mono.
   Contrastes verificados (WCAG AA): tinta/papel 19,0 · #3F4145/papel 9,8 ·
   #656565/papel 5,58 · papel/noche 19,1 · niebla/noche 9,37 ·
   #8E9196/noche 6,3 · azul noche/noche 7,20 · azul papel/papel 4,65.
   El azul de noche (#5BA3D0) no se usa nunca sobre papel: falla (2,65).
══════════════════════════════════════════════════════════════════════ */
:root{
  --noche:#08090B; --noche-2:#111316; --noche-3:#1A1D21; --papel:#FAFAFA; --papel-2:#F1F1F0; --blanco:#FFFFFF;
  --tinta:#0A0A0A; --tinta-2:#3F4145; --tinta-3:#656565; --niebla:#B1B2B2; --niebla-2:#8E9196;
  --azul-n:#5BA3D0; --azul-p:#2E75B5;
  /* los nombres que usan las páginas heredadas de la v4 (La Ola, Tokenomics, legal) */
  --paper:var(--papel); --paper-2:var(--papel-2); --ink:var(--tinta); --ink-2:var(--noche);
  --fg:var(--tinta); --fg-2:var(--tinta-2); --fg-3:var(--tinta-3);
  --hair:rgba(10,10,10,.14); --hair-2:rgba(10,10,10,.08);
  --sig:var(--azul-n); --sig-papel:var(--azul-p);
  --glass:rgba(250,250,250,.80);
  --max:1440px; --gut:clamp(16px,3.4vw,48px); --cab:68px;
  --r-card:12px; --r-pill:999px;
  --sec:clamp(80px,9vw,136px);
  --sans:'Geist',system-ui,-apple-system,'Segoe UI',Arial,sans-serif; --mono:var(--sans);
  --ease:cubic-bezier(.2,.7,.2,1); --dur:.32s;
  --pend:#8A5A00; --pend-bg:#FFF4DB; --pend-hair:rgba(138,90,0,.42);
  color-scheme:light;
}
.oscuro{--fg:var(--papel); --fg-2:var(--niebla); --fg-3:var(--niebla-2);
        --hair:rgba(250,250,250,.16); --hair-2:rgba(250,250,250,.08);
        background:var(--noche); color:var(--papel); color-scheme:dark;}

*{margin:0;padding:0;box-sizing:border-box;}
[hidden]{display:none!important;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--papel);}
body{background:var(--papel);color:var(--fg);font-family:var(--sans);font-size:17px;line-height:1.5;
     letter-spacing:-.012em;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-variant-numeric:tabular-nums;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
img,video,canvas{display:block;max-width:100%;}
:focus-visible{outline:2px solid var(--azul-p);outline-offset:3px;border-radius:4px;}
.oscuro :focus-visible,.hero :focus-visible{outline-color:var(--azul-n);}
.w{width:min(var(--max),100% - var(--gut)*2);margin-inline:auto;}
.mono{font-family:var(--sans);font-variant-numeric:tabular-nums;}
.kick{display:inline-block;font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--fg-2);}
.saltar{position:absolute;left:12px;top:-60px;z-index:100;background:var(--papel);color:var(--tinta);padding:10px 16px;border-radius:var(--r-pill);font-size:14px;font-weight:500;}
.saltar:focus{top:12px;}

/* ── tipografía: Geist Light para decir, Regular para leer ── */
h1,h2,h3{font-weight:300;letter-spacing:-.05em;text-wrap:balance;color:var(--fg);}
h1{font-size:clamp(42px,6vw,92px);line-height:.98;}
h2{font-size:clamp(32px,3.8vw,56px);line-height:1.04;letter-spacing:-.045em;}
h3{font-size:clamp(20px,1.7vw,24px);line-height:1.15;letter-spacing:-.04em;}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.38;letter-spacing:-.025em;color:var(--fg-2);max-width:58ch;}
p{color:var(--fg-2);text-wrap:pretty;}
p b{color:var(--fg);font-weight:500;}

/* ── botones: píldoras ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;
     border-radius:var(--r-pill);font-size:14px;font-weight:500;letter-spacing:-.02em;white-space:nowrap;
     transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease);}
.btn:hover{transform:translateY(-1px);}
.btn.negro{background:var(--tinta);color:var(--papel);}
.btn.negro:hover{background:#26282B;}
.btn.blanco{background:var(--papel);color:var(--tinta);}
.btn.blanco:hover{background:var(--blanco);}
.btn.linea{border:.5px solid var(--hair);color:var(--fg);}
.btn.linea:hover{border-color:var(--fg);}
.btn.sm{min-height:38px;padding:0 16px;font-size:13px;}
.flecha{display:inline-block;transition:transform var(--dur) var(--ease);}
.btn:hover .flecha,a:hover > .flecha{transform:translateX(3px);}
.acciones{display:flex;gap:10px;flex-wrap:wrap;}

/* ── cabecera: transparente sobre la portada, vidrio oscuro sobre la noche, vidrio claro sobre papel ── */
header#cab{position:fixed;inset:0 0 auto 0;z-index:80;padding-top:env(safe-area-inset-top,0px);}
nav{height:var(--cab);display:flex;align-items:center;border-bottom:.5px solid transparent;
    transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);}
nav .w{display:flex;align-items:center;gap:clamp(20px,2.6vw,36px);}
.marca{display:inline-flex;align-items:center;min-height:44px;font-size:21px;font-weight:500;letter-spacing:-.045em;color:var(--fg);}
nav ul{display:flex;gap:clamp(16px,2vw,28px);list-style:none;align-items:center;margin-right:auto;}
nav ul a{font-size:14px;font-weight:500;letter-spacing:-.02em;color:var(--fg-2);min-height:44px;display:inline-flex;align-items:center;transition:color var(--dur);}
nav ul a:hover,nav ul a[aria-current="page"]{color:var(--fg);}
header:not(.sobre-hero):not(.sobre-oscuro) nav{background:var(--glass);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom-color:var(--hair);}
header.sobre-hero nav{--fg:var(--papel);--fg-2:rgba(250,250,250,.76);--hair:rgba(250,250,250,.26);}
header.sobre-oscuro nav{--fg:var(--papel);--fg-2:rgba(250,250,250,.76);--hair:rgba(250,250,250,.14);background:rgba(8,9,11,.66);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--hair);}
header.sobre-hero nav .btn.negro,header.sobre-oscuro nav .btn.negro{background:var(--papel);color:var(--tinta);}
.menu{display:none;width:44px;height:44px;flex:none;align-items:center;justify-content:center;color:var(--fg);}
.menu i{display:block;width:20px;height:1.5px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;transition:box-shadow var(--dur),transform var(--dur);}
header.abierto .menu i{box-shadow:none;transform:rotate(45deg);}
.panel-menu{position:fixed;inset:calc(var(--cab) + env(safe-area-inset-top,0px)) 0 0 0;background:var(--papel);padding:24px var(--gut);display:flex;flex-direction:column;gap:6px;z-index:70;overflow-y:auto;}
.panel-menu a{font-size:32px;font-weight:300;letter-spacing:-.045em;padding:12px 0;border-bottom:.5px solid rgba(10,10,10,.14);color:var(--tinta);}
.panel-menu a.btn{font-size:14px;font-weight:500;letter-spacing:-.02em;border:0;margin-top:22px;align-self:flex-start;padding:0 22px;color:var(--papel);}
header.abierto nav{background:var(--papel);--fg:var(--tinta);--fg-2:var(--tinta-2);}
header.abierto nav .btn.negro{background:var(--tinta);color:var(--papel);}

/* ── el grano de película, como capa: se mueve a saltos, 24 veces por segundo ── */
.grano{position:absolute;inset:-160px;pointer-events:none;z-index:1;background-image:var(--grano,none);
  background-size:256px 256px;animation:grano .25s steps(1,end) infinite;will-change:transform;}
@keyframes grano{0%{transform:translate(0,0)}17%{transform:translate(-61px,37px)}33%{transform:translate(43px,-89px)}50%{transform:translate(-113px,-17px)}67%{transform:translate(97px,71px)}83%{transform:translate(-23px,-131px)}100%{transform:translate(0,0)}}

/* ── secciones ── */
section{padding-block:var(--sec);scroll-margin-top:var(--cab);display:flow-root;}
.cab{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(36px,4.4vw,60px);}
.cab h2{max-width:20ch;}
.cab .der{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.cab .kick + h2{margin-top:14px;}
.nota{margin-top:12px;font-size:13px;color:var(--fg-3);letter-spacing:-.01em;}

/* ══ PORTADA · la ola llega a cada industria ═════════════════════════════
   El mismo cielo, la nube y la cordillera. Al pie cambia la industria, hecha
   solo de luces; entre una y otra pasa un banco de niebla de lado. Lo azul
   pulsa y fluye por las luces. */
.hero{position:relative;height:clamp(560px,min(92svh,60vw),1000px);background:var(--noche);color:var(--papel);overflow:hidden;isolation:isolate;padding:0;}
.hero .respaldo,.hero canvas{position:absolute;inset:0;width:100%;height:100%;}
.hero .respaldo{object-fit:cover;object-position:50% 55%;}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,9,11,.62) 0%,rgba(8,9,11,.22) 40%,rgba(8,9,11,0) 58%),
             linear-gradient(180deg,rgba(8,9,11,.46) 0%,rgba(8,9,11,0) 24%);}
.hero .grano{z-index:1;opacity:.9;}
.hero .w{position:relative;z-index:2;padding-top:calc(var(--cab) + clamp(44px,8vw,128px));}
.hero .texto{max-width:min(640px,50%);display:grid;gap:22px;justify-items:start;}
.hero .texto .kick{color:var(--niebla);}
.hero h1{color:var(--papel);font-size:clamp(40px,5.4vw,86px);}
.hero p{color:rgba(250,250,250,.84);font-size:clamp(16px,1.3vw,19px);line-height:1.4;max-width:42ch;}
.hero .btn.linea{--hair:rgba(250,250,250,.34);color:var(--papel);}
.hero .btn.linea:hover{border-color:var(--papel);}
.hero .industria{position:absolute;z-index:2;right:var(--gut);bottom:clamp(20px,3vw,40px);text-align:right;display:grid;gap:4px;}
.hero .industria b{font-size:clamp(18px,1.8vw,26px);font-weight:300;letter-spacing:-.035em;}
.hero .industria span{font-size:13px;font-weight:500;color:var(--niebla);}
.control{position:absolute;z-index:3;left:var(--gut);bottom:clamp(20px,3vw,40px);min-height:36px;padding:0 15px;border-radius:var(--r-pill);
  border:.5px solid rgba(250,250,250,.3);background:rgba(8,9,11,.45);color:var(--papel);font-size:13px;font-weight:500;}
.control:hover{border-color:rgba(250,250,250,.6);}

/* ══ ESPALDA · con quién ya trabajamos ═══════════════════════════════════ */
.logos h2{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.04em;max-width:26ch;}
.muro{display:grid;grid-template-columns:repeat(6,1fr);gap:.5px;background:var(--hair);border:.5px solid var(--hair);border-radius:var(--r-card);overflow:hidden;}
.muro span{background:var(--papel);min-height:96px;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;
  font-size:15px;font-weight:500;letter-spacing:-.02em;color:var(--tinta-2);}
.cotas{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut);margin-top:clamp(40px,5vw,64px);}
.cota{border-top:.5px solid var(--hair);padding-top:18px;}
.cota b{display:block;font-weight:300;font-size:clamp(36px,3.6vw,56px);letter-spacing:-.05em;line-height:1;color:var(--fg);}
.cota span{display:block;margin-top:10px;font-size:14px;color:var(--fg-2);letter-spacing:-.02em;max-width:24ch;}

/* ══ CASOS · los videos de Andrés, en nuestra noche ══════════════════════
   Monocromo frío y grano, al 70 % de velocidad, solo corren en pantalla.
   Al pasar el cursor (o al quedar al centro en el celular) las luces del
   video toman el azul: la iA entrando al proceso. El texto va siempre
   debajo del video, nunca sobre caras ni manos. */
.rail{display:flex;gap:clamp(12px,1.4vw,20px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding-inline:max(var(--gut),calc((100% - var(--max))/2));scroll-padding-inline:max(var(--gut),calc((100% - var(--max))/2));
  padding-bottom:6px;scrollbar-width:none;}
.rail::-webkit-scrollbar{display:none;}
.rail .caso{flex:0 0 clamp(250px,22vw,320px);scroll-snap-align:start;}
.nav-rail{display:flex;gap:8px;}
.nav-rail button{width:44px;height:44px;border-radius:50%;border:.5px solid var(--hair);display:grid;place-items:center;color:var(--fg);transition:border-color var(--dur);}
.nav-rail button:hover{border-color:var(--fg);}
.nav-rail button:disabled{opacity:.3;cursor:default;}
.nav-rail svg{width:16px;height:16px;}
.caso{display:grid;gap:14px;align-content:start;color:var(--fg);}
.caso[hidden]{display:none;}
.marco{position:relative;overflow:hidden;border-radius:var(--r-card);background:var(--noche-2);aspect-ratio:4/5;isolation:isolate;}
.marco video,.marco img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.14) brightness(.84);
  transition:transform 1.4s var(--ease);}
.marco .frio{position:absolute;inset:0;z-index:1;pointer-events:none;background:#9FB4C8;mix-blend-mode:color;opacity:.14;}
.marco .ia{position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--azul-n);mix-blend-mode:color;opacity:0;transition:opacity 1.4s var(--ease);}
.marco .ia2{position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--azul-n);mix-blend-mode:screen;opacity:0;transition:opacity 1.4s var(--ease);}
.marco .grano{inset:-60px;z-index:2;opacity:.55;}
.caso:hover .marco .ia,.caso:focus-visible .marco .ia,.caso.activa .marco .ia{opacity:.72;}
.caso:hover .marco .ia2,.caso:focus-visible .marco .ia2,.caso.activa .marco .ia2{opacity:.08;}
.caso:hover .marco video{transform:scale(1.03);}
.caso .sector{font-size:12.5px;font-weight:500;color:var(--fg-2);display:flex;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;align-items:center;}
.estado{display:inline-flex;align-items:center;gap:7px;color:var(--fg);white-space:nowrap;}
.estado i{width:6px;height:6px;border-radius:50%;background:var(--niebla-2);}
.estado.prod i{background:var(--azul-n);}
.caso h3{font-size:clamp(19px,1.5vw,23px);line-height:1.1;max-width:18ch;}
.caso .ir{margin-left:6px;opacity:.6;transition:opacity var(--dur),transform var(--dur) var(--ease);display:inline-block;}
.caso:hover .ir{opacity:1;transform:translate(2px,-2px);}
.grid-casos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2.4vw,36px) clamp(12px,1.4vw,20px);}

/* ══ PROGRAMAS · un menú, no un camino ═══════════════════════════════════
   Se entra por donde la organización está hoy. Nada de números ni de
   progresión: el orden de la lista no dice por dónde empezar. */
.menu-prog{list-style:none;border-top:.5px solid var(--hair);}
.menu-prog a{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,3.2fr) 28px;gap:var(--gut);align-items:baseline;
  padding:clamp(20px,2.2vw,30px) 0;border-bottom:.5px solid var(--hair);transition:padding var(--dur) var(--ease);}
.menu-prog b{font-size:clamp(28px,2.7vw,42px);font-weight:300;letter-spacing:-.05em;line-height:1;color:var(--fg);}
.menu-prog .q{font-size:clamp(17px,1.35vw,20px);line-height:1.3;letter-spacing:-.025em;color:var(--fg);}
.menu-prog .para{font-size:14px;line-height:1.4;color:var(--fg-3);}
.menu-prog .flecha{justify-self:end;color:var(--fg-3);}
.menu-prog a:hover .flecha{color:var(--fg);}
.menu-prog a:hover{padding-left:10px;}
.menu-prog .desc{grid-column:2 / span 2;font-size:15px;line-height:1.45;color:var(--fg-2);max-width:62ch;margin-top:-4px;}
.menu-prog .integral a{background:linear-gradient(90deg,var(--papel-2),rgba(241,241,240,0));padding-left:18px;border-radius:0;}
.menu-prog .integral a:hover{padding-left:26px;}
.oscuro .menu-prog .integral a{background:linear-gradient(90deg,var(--noche-2),rgba(17,19,22,0));}

/* ══ LA NUBE · la ola no se ve, la nube la dibuja ════════════════════════
   Punta visible: sube la humedad y se condensa la ola entera alrededor de la
   lenticular; después se evapora desde abajo y queda solo la punta. */
.nube{position:relative;min-height:clamp(560px,56vw,920px);background:var(--noche);color:var(--papel);overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;padding:0;}
.nube .respaldo,.nube canvas{position:absolute;inset:0;width:100%;height:100%;}
.nube .respaldo{object-fit:cover;}
.nube::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,9,11,.35) 0%,rgba(8,9,11,0) 18%,rgba(8,9,11,0) 55%,rgba(8,9,11,.82) 100%);}
.nube .grano{z-index:1;}
.nube .w{position:relative;z-index:2;display:grid;grid-template-columns:7fr 5fr;gap:var(--gut);align-items:end;padding-block:0 clamp(64px,7vw,104px);}
.nube .m{font-size:clamp(22px,2.1vw,32px);line-height:1.2;letter-spacing:-.04em;font-weight:300;color:var(--papel);max-width:34ch;}
.nube .pie{justify-self:end;text-align:right;display:grid;gap:6px;max-width:32ch;}
.nube .pie b{font-weight:400;font-size:16px;letter-spacing:-.02em;color:var(--papel);}
.nube .pie span{font-size:13.5px;letter-spacing:-.015em;color:var(--niebla);line-height:1.45;}
.nube .control{bottom:clamp(20px,2.4vw,32px);}

/* ══ EQUIPO · las personas, en blanco y negro con su trama ═══════════════ */
.caras{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:clamp(10px,1vw,16px);}
.perfil{display:flex;flex-direction:column;gap:14px;}
.perfil .mono-p{aspect-ratio:1/1;border-radius:10px;position:relative;overflow:hidden;background:var(--noche-2);}
.perfil .mono-p .retrato-f{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:opacity .7s ease;}
.perfil .mono-p .retrato-t{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s ease;pointer-events:none;}
.perfil .mono-p.trama-lista .retrato-f{opacity:.8;}
.perfil .mono-p.trama-lista .retrato-t{opacity:1;}
@media (hover:hover){
  .perfil:hover .mono-p.trama-lista .retrato-f{opacity:1;}
  .perfil:hover .mono-p.trama-lista .retrato-t{opacity:0;}
}
.perfil h3{font-size:22px;}
.perfil .cargo{font-size:14px;color:var(--fg);font-weight:500;letter-spacing:-.02em;margin-top:-6px;}
.perfil p{font-size:15px;line-height:1.45;}
.perfil.mini{gap:10px;}
.perfil.mini h3{font-size:15px;font-weight:500;letter-spacing:-.025em;line-height:1.2;}
.perfil.mini .cargo{font-size:12.5px;font-weight:400;color:var(--fg-3);margin-top:-6px;line-height:1.3;}
.perfiles{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 24px;}

/* ══ LA OLA · la densidad de lanzamientos, en azul sobre la noche ════════ */
.ola-h .grafico{background:transparent;border:0;padding:0;}
.ola-h .grafico .pie-g{border-top:.5px solid var(--hair);padding-top:14px;}
.ola-h .dos-cifras b{color:var(--papel);}
.ola-h .dos-cifras .nuevo b{color:var(--azul-n);}

/* ══ CIERRE ═════════════════════════════════════════════════════════════ */
.cierre{padding-block:clamp(112px,13vw,190px);}
.cierre .w{display:grid;grid-template-columns:7fr 5fr;gap:var(--gut);align-items:end;}
.cierre h2{font-size:clamp(36px,4.6vw,72px);max-width:17ch;letter-spacing:-.05em;line-height:1.0;}
.cierre .lado{display:grid;gap:22px;justify-items:start;}
.cierre p{max-width:40ch;font-size:clamp(16px,1.25vw,19px);letter-spacing:-.025em;line-height:1.4;}
.cierre .alt{font-size:14px;color:var(--fg-3);}
.cierre .alt a{color:var(--fg-2);border-bottom:.5px solid var(--hair);}
.cierre .alt a:hover{color:var(--fg);border-color:var(--fg);}

/* ══ PIE · lo que se construye sale de la niebla ═════════════════════════
   El logo de cubos (el render de los átomos, en gris) es la única excepción
   declarada: vive aquí, al pie de todo, nunca en la portada. */
footer.pie{background:var(--noche);color:var(--papel);}
.cubos{position:relative;height:clamp(220px,26vw,380px);overflow:hidden;isolation:isolate;background:var(--noche);}
.cubos video,.cubos img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 38%;
  -webkit-mask-image:radial-gradient(46% 62% at 50% 42%,#000 58%,transparent 100%);mask-image:radial-gradient(46% 62% at 50% 42%,#000 58%,transparent 100%);}
.cubos .niebla{position:absolute;inset:auto 0 -2px 0;height:62%;z-index:1;pointer-events:none;
  background:url(../medios/v5-niebla.png) repeat-x 0 100% / 2048px 100%;animation:deriva 120s linear infinite;}
.cubos .niebla.b{height:44%;opacity:.55;animation-duration:190s;animation-direction:reverse;background-position:-700px 100%;}
@keyframes deriva{from{background-position-x:0}to{background-position-x:-2048px}}
.cubos::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,var(--noche) 0%,rgba(8,9,11,0) 26%,rgba(8,9,11,0) 70%,rgba(8,9,11,.55) 100%);}
.cubos .grano{z-index:2;opacity:.8;}
.pie .arriba{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:var(--gut);padding-block:clamp(40px,5vw,72px) clamp(40px,5vw,64px);}
.pie .marca{font-size:24px;}
.pie .lema{display:block;margin-top:14px;font-size:15px;color:var(--niebla);letter-spacing:-.02em;max-width:28ch;line-height:1.4;}
.pie h4{font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--niebla-2);margin-bottom:14px;}
.pie ul{list-style:none;display:grid;gap:10px;}
.pie ul a{font-size:14px;color:rgba(250,250,250,.84);letter-spacing:-.02em;}
.pie ul a:hover{color:var(--papel);}
.pie .abajo{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-block:22px 36px;border-top:.5px solid rgba(250,250,250,.14);
  font-size:13px;color:var(--niebla-2);letter-spacing:-.01em;}
.pie .abajo a{color:var(--niebla);}
.pie .abajo a:hover{color:var(--papel);}

/* ══ PÁGINAS INTERIORES ═══════════════════════════════════════════════════ */
/* cabecera sobre papel o sobre noche */
.cabecera{padding-top:calc(var(--cab) + clamp(56px,7vw,112px));padding-bottom:clamp(44px,5.4vw,80px);}
.cabecera .kick{display:block;margin-bottom:20px;}
.cabecera h1{max-width:17ch;}
.cabecera .lead{margin-top:24px;}
.cabecera .pildoras{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px;}
.pildora{min-height:38px;padding:0 16px;border-radius:var(--r-pill);border:.5px solid var(--hair);display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:500;letter-spacing:-.02em;color:var(--fg-2);transition:all var(--dur) var(--ease);}
.pildora:hover{color:var(--fg);border-color:var(--fg);}
.pildora[aria-pressed="true"],.pildora.on{background:var(--tinta);color:var(--papel);border-color:var(--tinta);}
.oscuro .pildora{--hair:rgba(250,250,250,.24);}
.oscuro .pildora[aria-pressed="true"],.oscuro .pildora.on{background:var(--papel);color:var(--tinta);border-color:var(--papel);}

/* ficha de programa, registro ejecutivo: el cielo de la nube, el texto al pie */
.cab-prog{position:relative;min-height:clamp(520px,70vh,760px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:0;}
.cab-prog .fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--foco,50% 40%);}
.cab-prog::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,9,11,.5) 0%,rgba(8,9,11,0) 26%,rgba(8,9,11,.1) 50%,rgba(8,9,11,.9) 100%);}
.cab-prog .grano{z-index:1;}
.cab-prog .w{position:relative;z-index:2;display:grid;grid-template-columns:7fr 5fr;gap:var(--gut);align-items:end;padding-block:calc(var(--cab) + 64px) clamp(40px,5vw,72px);}
.cab-prog .kick{color:var(--niebla);}
.cab-prog h1{margin-top:16px;}
.cab-prog .pregunta{font-size:clamp(22px,2.2vw,34px);font-weight:300;letter-spacing:-.04em;line-height:1.14;color:var(--papel);max-width:24ch;}
.cab-prog .para{margin-top:14px;font-size:14px;color:var(--niebla);}

/* ficha de Acelera, registro de construcción: el andamio en la niebla */
.cab-acelera{padding-block:calc(var(--cab) + clamp(40px,5vw,72px)) clamp(48px,6vw,88px);}
.cab-acelera .w:first-child{display:grid;grid-template-columns:5fr 7fr;gap:var(--gut);align-items:center;}
.cab-acelera .kick{color:var(--niebla);}
.cab-acelera h1{margin-top:16px;}
.cab-acelera .pregunta{font-size:clamp(22px,2.2vw,34px);font-weight:300;letter-spacing:-.04em;line-height:1.14;color:var(--papel);margin-top:20px;max-width:22ch;}
.cab-acelera .para{margin-top:16px;font-size:14px;color:var(--niebla);}
.obra{position:relative;}
.obra canvas{width:100%;aspect-ratio:16/9;border-radius:var(--r-card);background:var(--noche);}
.obra .leyenda{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-top:14px;min-height:44px;flex-wrap:wrap;}
.obra .leyenda b{font-size:15px;font-weight:500;letter-spacing:-.02em;color:var(--papel);}
.obra .leyenda span{font-size:14px;color:var(--niebla);}
.obra .control{position:static;margin-left:auto;}
.etapas{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:.5px solid var(--hair);margin-top:clamp(28px,3vw,44px);}
.etapas li{padding:16px 16px 0 0;display:grid;gap:6px;align-content:start;}
.etapas li + li{padding-left:16px;border-left:.5px solid var(--hair-2);}
.etapas b{font-size:15px;font-weight:500;letter-spacing:-.02em;color:var(--fg);}
.etapas span{font-size:14px;line-height:1.4;color:var(--fg-2);}
.etapas li{box-shadow:inset 0 1px 0 transparent;transition:box-shadow .6s var(--ease);}
.etapas b{color:var(--fg-2);transition:color .6s var(--ease);}
.etapas li.on{box-shadow:inset 0 1px 0 var(--papel);}
.etapas li.on b{color:var(--papel);}

/* ficha de caso: el problema es el protagonista; el video, un vistazo por una rendija */
.cab-caso{padding-block:calc(var(--cab) + clamp(48px,6vw,96px)) 0;}
.cab-caso .kick{color:var(--niebla);}
.cab-caso h1{margin-top:16px;max-width:18ch;font-size:clamp(38px,5vw,76px);}
.cab-caso .estado{margin-top:22px;font-size:13px;font-weight:500;}
.rendija{margin-top:clamp(36px,4vw,56px);padding-bottom:clamp(48px,5vw,80px);}
.rendija .marco{aspect-ratio:21/7;}
.rendija p{margin-top:12px;font-size:13px;color:var(--niebla-2);}

/* estado en píldora */
.estado-p{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:500;letter-spacing:-.01em;
  border:.5px solid var(--hair);color:var(--fg-2);}
.estado-p i{width:6px;height:6px;border-radius:50%;background:var(--niebla-2);}
.estado-p.prod i{background:var(--azul-n);}

/* portada de página (La Ola, 404): la imagen a sangre, el texto al pie */
.portada{position:relative;min-height:clamp(560px,86svh,960px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:0;}
.portada video,.portada .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.portada .scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,9,11,.45) 0%,rgba(8,9,11,0) 26%,rgba(8,9,11,.1) 50%,rgba(8,9,11,.86) 100%);}
.portada .grano{z-index:1;}
.portada .w{position:relative;z-index:2;padding-block:calc(var(--cab) + 64px) clamp(40px,6vh,72px);}
.portada .kick{color:var(--niebla);}
.portada h1{margin-top:18px;font-size:clamp(34px,4.2vw,64px);max-width:22ch;}
.portada p{color:rgba(250,250,250,.82);max-width:52ch;margin-top:20px;font-size:clamp(16px,1.25vw,19px);}
/* Tokenomics: el hero es el dato */
.hero-tk{position:relative;display:flex;overflow:hidden;}
.hero-tk .w{position:relative;z-index:2;display:grid;gap:var(--gut);}
/* el principio, sobre la noche */
.principio{position:relative;overflow:hidden;}
.cab-caso .estado-p{margin-top:22px;}

/* ══ heredado de la v4: fichas, La Ola, contacto, legal y Tokenomics, con los tokens de la v5 ══ */
/* fila de ficha: dato por columna */
.fila{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);border-top:.5px solid var(--hair);border-bottom:.5px solid var(--hair);}
.fila > div{padding:20px 20px 22px 0;display:flex;flex-direction:column;gap:6px;}
.fila > div + div{padding-left:20px;border-left:.5px solid var(--hair-2);}
.fila dt,.fila .k{font-size:12.5px;color:var(--fg-3);letter-spacing:-.01em;}
.fila dd,.fila .v{font-size:17px;letter-spacing:-.025em;color:var(--fg);}
.fila a.v{text-decoration:underline;text-decoration-thickness:.5px;text-underline-offset:4px;}

/* lo que todavía no se sabe, en ámbar y a la vista */
.pend{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:-.01em;color:var(--pend);background:var(--pend-bg);
      border:.5px dashed var(--pend-hair);border-radius:8px;padding:6px 10px;line-height:1.35;}
.pend::before{content:"pendiente";font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.8;}
.pend-bloque{border:.5px dashed var(--pend-hair);background:var(--pend-bg);border-radius:var(--r-card);padding:24px 26px;color:var(--fg-2);}
.pend-bloque b{color:var(--pend);font-weight:500;}
.pend-bloque .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--pend);display:block;margin-bottom:10px;}

/* bloques de contenido de dos columnas: rótulo a la izquierda, texto a la derecha */
.bloque{display:grid;grid-template-columns:4fr 8fr;gap:var(--gut);padding-block:clamp(40px,5vw,72px);border-top:.5px solid var(--hair);}
.bloque:first-child{border-top:0;}
.bloque > .r{font-size:14px;color:var(--fg-2);letter-spacing:-.015em;padding-top:8px;}
.bloque > .r b{display:block;font-weight:500;color:var(--fg);font-size:15px;margin-bottom:4px;}
.bloque .lead{color:var(--fg);font-size:clamp(20px,1.7vw,26px);line-height:1.3;letter-spacing:-.035em;max-width:40ch;font-weight:300;}
.bloque p + p{margin-top:14px;}
.chips{display:flex;gap:8px;flex-wrap:wrap;}
.chip{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:var(--r-pill);background:var(--paper-2);font-size:13.5px;letter-spacing:-.015em;color:var(--fg-2);}
.oscuro .chip{background:rgba(250,250,250,.08);color:rgba(250,250,250,.8);}
a.chip:hover{color:var(--fg);background:#ececec;}

/* cuatro entradas */
.entradas{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:.5px solid var(--hair);}
.entrada{padding:28px 24px 30px 0;display:flex;flex-direction:column;gap:12px;}
.entrada + .entrada{padding-left:24px;border-left:.5px solid var(--hair-2);}
.entrada b{font-size:20px;font-weight:400;letter-spacing:-.03em;}
.entrada p{font-size:15px;line-height:1.45;}
.entrada a{margin-top:auto;font-size:14px;font-weight:500;letter-spacing:-.02em;color:var(--fg);display:inline-flex;gap:6px;}
.entrada a:hover .flecha{transform:translateX(3px);}

/* principio: una frase grande con su fuente */
.principio{padding-block:clamp(88px,10vw,150px);}
.principio blockquote{font-size:clamp(34px,4.4vw,68px);font-weight:300;letter-spacing:-.05em;line-height:1.02;max-width:18ch;}
.principio p{max-width:56ch;margin-top:28px;font-size:clamp(16px,1.25vw,19px);letter-spacing:-.025em;line-height:1.45;}
.principio cite{display:block;margin-top:18px;font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--fg-3);}

/* exploras */
.exploras{display:grid;grid-template-columns:repeat(3,1fr);gap:.5px;background:var(--hair);border:.5px solid var(--hair);border-radius:var(--r-card);overflow:hidden;}
.exploras > div{background:var(--paper);padding:24px 24px 28px;min-height:132px;display:flex;flex-direction:column;gap:8px;}
.exploras b{font-size:20px;font-weight:400;letter-spacing:-.03em;}
.exploras span{font-size:14.5px;color:var(--fg-2);}
.exploras .mas{background:var(--ink);color:#fafafa;}
.exploras .mas b{color:#fafafa;} .exploras .mas span{color:rgba(250,250,250,.6);}

.grupo-cab{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:clamp(56px,6vw,88px) 0 28px;padding-top:24px;border-top:.5px solid var(--hair);}
.grupo-cab h2{font-size:clamp(26px,2.6vw,40px);}
.grupo-cab span{font-size:14px;color:var(--fg-3);}
.filtros{display:flex;flex-direction:column;gap:12px;margin-top:40px;}
.filtros .fila-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.filtros .fila-f > span{font-size:13px;color:var(--fg-3);min-width:74px;}
.vacio{border:.5px solid var(--hair);border-radius:var(--r-card);padding:36px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
.vacio h3{font-size:clamp(22px,2vw,30px);}
.vacio[hidden]{display:none;}
.caso[hidden]{display:none;}

/* las tres iA */
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.tres > div{border-top:.5px solid var(--hair);padding-top:22px;display:flex;flex-direction:column;gap:12px;}
.tres .sub{font-size:12.5px;color:var(--fg-3);letter-spacing:-.01em;}
.tres h3{font-size:clamp(26px,2.4vw,34px);}

/* contacto */
.contacto-w{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,96px);align-items:start;}
.datos{display:flex;flex-direction:column;border-top:.5px solid var(--hair);margin-top:40px;}
.datos a,.datos div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:.5px solid var(--hair-2);font-size:15.5px;letter-spacing:-.02em;}
.datos span{color:var(--fg-3);}
.form{display:flex;flex-direction:column;gap:18px;border-radius:18px;background:#fff;border:.5px solid var(--hair);padding:clamp(24px,3vw,40px);}
.campo-f{display:flex;flex-direction:column;gap:8px;}
.campo-f label{font-size:13.5px;font-weight:500;letter-spacing:-.015em;}
.campo-f label i{font-style:normal;color:var(--fg-3);font-weight:400;}
.campo-f input,.campo-f select,.campo-f textarea{font:inherit;font-size:16px;letter-spacing:-.015em;color:var(--fg);background:var(--paper);
  border:.5px solid var(--hair);border-radius:10px;padding:13px 14px;min-height:48px;transition:border-color var(--dur);}
.campo-f textarea{min-height:110px;resize:vertical;}
.campo-f input:focus,.campo-f select:focus,.campo-f textarea:focus{outline:none;border-color:var(--fg);}
.campo-f .err{font-size:12.5px;color:#c0392b;min-height:0;}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--fg-2);line-height:1.45;}
.consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--ink);flex:none;}
.consent a{text-decoration:underline;text-decoration-thickness:.5px;text-underline-offset:3px;color:var(--fg);}
.form .enviar{align-self:flex-start;}
.form .aviso-f{font-size:13.5px;border-radius:10px;padding:14px 16px;background:var(--paper-2);color:var(--fg-2);}
.form .aviso-f[hidden]{display:none;}

/* la ola: gráficos */
.grafico{border-radius:var(--r-card);border:.5px solid var(--hair);padding:clamp(20px,2.4vw,32px);background:#fff;}
.grafico svg{width:100%;height:auto;display:block;overflow:visible;}
.grafico .pie-g{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-size:12.5px;color:var(--fg-3);flex-wrap:wrap;}
.dos-cifras{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;}
.dos-cifras > div{border-top:.5px solid var(--hair);padding-top:16px;}
.dos-cifras b{display:block;font-size:clamp(44px,5vw,76px);font-weight:300;letter-spacing:-.05em;line-height:1;}
.dos-cifras .nuevo b{color:var(--sig-papel);}
.dos-cifras span{display:block;font-size:14px;color:var(--fg-2);margin-top:8px;}
.empresa{margin-top:24px;font-size:15.5px;letter-spacing:-.02em;color:var(--fg);max-width:62ch;padding-left:16px;border-left:2px solid var(--sig-papel);}
.remate{margin-top:20px;font-size:clamp(20px,1.8vw,26px);font-weight:300;letter-spacing:-.035em;line-height:1.25;max-width:44ch;}
.tabla-ad{width:100%;border-collapse:collapse;}
.tabla-ad th{text-align:left;font-size:12.5px;font-weight:500;color:var(--fg-3);padding:0 16px 12px 0;letter-spacing:-.01em;}
.tabla-ad td{padding:20px 16px 20px 0;border-top:.5px solid var(--hair);vertical-align:top;}
.tabla-ad td.m{font-size:15px;color:var(--fg);max-width:24ch;letter-spacing:-.02em;}
.tabla-ad td b{display:block;font-size:clamp(28px,2.6vw,40px);font-weight:300;letter-spacing:-.045em;line-height:1;}
.tabla-ad td small{display:block;font-size:12.5px;color:var(--fg-3);margin-top:6px;line-height:1.35;}
.tabla-ad td.d b{color:var(--sig-papel);}
.tabla-ad td.bb{font-size:14px;color:var(--fg-2);max-width:32ch;}
.momentos{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:.5px solid var(--hair);}
.momentos > div{padding:22px 20px 24px 0;display:flex;flex-direction:column;gap:12px;}
.momentos > div + div{padding-left:20px;border-left:.5px solid var(--hair-2);}
.momentos .f{font-family:var(--mono);font-size:11.5px;color:var(--fg-3);}
.momentos p{font-size:14.5px;line-height:1.45;}
.momentos .r{margin-top:auto;font-size:20px;font-weight:300;letter-spacing:-.035em;color:var(--fg);}
.momentos > div:last-child .r{color:var(--sig-papel);}
.hitos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.hito{border-radius:var(--r-card);border:.5px solid var(--hair);padding:24px;display:flex;flex-direction:column;gap:10px;background:#fff;}
.hito .f{font-family:var(--mono);font-size:11px;color:var(--fg-3);}
.hito h3{font-size:21px;}
.hito p{font-size:14.5px;line-height:1.45;}
.hito .chip{margin-top:auto;align-self:flex-start;}
.noticias{list-style:none;border-top:.5px solid var(--hair);}
.noticias li{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:16px 0;border-bottom:.5px solid var(--hair-2);font-size:15px;letter-spacing:-.02em;color:var(--fg-2);}
.noticias li b{font-family:var(--mono);font-size:12px;font-weight:400;color:var(--fg-3);padding-top:3px;}
.fuentes{font-size:12.5px;color:var(--fg-3);line-height:1.5;max-width:90ch;}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut);margin-top:40px;padding-top:24px;border-top:.5px solid rgba(250,250,250,.22);}
.kpis b{display:block;font-size:clamp(40px,4.4vw,68px);font-weight:300;letter-spacing:-.05em;line-height:1;color:#fafafa;}
.kpis span{display:block;font-size:14px;color:rgba(250,250,250,.66);margin-top:8px;max-width:24ch;}

/* legal */
.prosa{max-width:68ch;}
.prosa h2{font-size:clamp(22px,2vw,30px);margin:48px 0 14px;}
.prosa p{font-size:17px;line-height:1.6;letter-spacing:-.015em;}
.prosa p + p{margin-top:12px;}
.prosa .pend-bloque{margin-top:14px;}

/* paginador de fichas */
.pager{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:clamp(40px,5vw,72px);border-top:.5px solid var(--hair);}
.pager a{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:var(--r-card);border:.5px solid var(--hair);transition:border-color var(--dur);}
.pager a:hover{border-color:var(--fg);}
.pager a span{font-size:12.5px;color:var(--fg-3);}
.pager a b{font-size:22px;font-weight:300;letter-spacing:-.035em;}
.pager a.sig{text-align:right;}
.pager .vacia{visibility:hidden;}

section.sin-borde{padding-top:0;}

@media (max-width:1200px){
  .grid-casos,.hitos{grid-template-columns:repeat(2,1fr);}
  .grid-prog{grid-template-columns:repeat(2,1fr);}
  .grid-prog .tprog,.grid-prog .tprog:nth-child(4),.grid-prog .tprog:nth-child(5){grid-column:span 1;}
  .grid-prog .tprog.integral{grid-column:span 2;}
  .entradas{grid-template-columns:repeat(2,1fr);}
  .entrada:nth-child(3){padding-left:0;border-left:0;}
  .perfiles{grid-template-columns:repeat(2,1fr);}
  .momentos{grid-template-columns:repeat(2,1fr);}
  .momentos > div:nth-child(3){padding-left:0;border-left:0;}
}
@media (max-width:810px){
  .cab-ficha .w,.contacto-w,.bloque{grid-template-columns:1fr;}
  .cab-ficha .vis{justify-self:center;max-width:380px;order:-1;}
  .grid-prog,.grid-casos,.hitos,.perfiles,.comparativa,.tres,.exploras,.entradas,.momentos,.kpis{grid-template-columns:1fr;}
  .grid-prog .tprog,.grid-prog .tprog:nth-child(4),.grid-prog .tprog:nth-child(5),.grid-prog .tprog.integral{grid-column:auto;}
  .tprog.integral .img img{right:-20%;width:80%;opacity:.5;}
  .entrada,.entrada + .entrada,.momentos > div,.momentos > div + div{padding-left:0;border-left:0;border-top:.5px solid var(--hair-2);}
  .fila{grid-template-columns:1fr 1fr;}
  .fila > div:nth-child(odd){padding-left:0;border-left:0;}
  .dos-cifras{grid-template-columns:1fr;}
  .tabla-ad thead{display:none;}
  .tabla-ad tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:18px 0;border-top:.5px solid var(--hair);}
  .tabla-ad td{border:0;padding:0;}
  .tabla-ad td.m,.tabla-ad td.bb{grid-column:1/-1;}
  .noticias li{grid-template-columns:1fr;gap:4px;}
  .pager{grid-template-columns:1fr;}
  .grupo-cab{flex-direction:column;gap:8px;}
}
/* el equipo se lee en un ancho contenido: fotos más chicas, bios más cortas de línea */
.angosta .w{width:min(1080px,100% - var(--gut)*2);}

/* ══ TOKENOMICS ═════════════════════════════════════════════════════════════
   La economía del token, armada desde _datos/tokenomics.json. El hero no es
   un video: es el dato que sostiene la página (precio por token contra costo
   por tarea). Todo lo demás reusa el registro: filetes de 0,5, píldoras, un
   solo acento. */
.hero-tk{min-height:auto;background:var(--noche);align-items:stretch;
  padding-block:calc(var(--cab) + clamp(32px,4vw,64px)) clamp(48px,5vw,80px);}
.hero-tk .w{grid-template-columns:6fr 6fr;grid-template-areas:"texto graf" "kpis kpis";align-items:center;row-gap:0;}
.hero-tk .texto{grid-area:texto;}
.hero-tk .kick{color:rgba(250,250,250,.62);}
.hero-tk h1{margin-top:18px;max-width:15ch;font-size:clamp(40px,4.8vw,76px);}
.hero-tk .bajada{margin-top:24px;max-width:46ch;color:rgba(250,250,250,.74);font-size:clamp(16px,1.25vw,19px);line-height:1.4;letter-spacing:-.02em;}
.hero-tk .pendiente{grid-area:graf;margin:0;}
.hero-tk .pendiente svg{width:100%;height:auto;display:block;overflow:visible;}
.hero-tk figcaption{font-size:13px;color:rgba(250,250,250,.52);max-width:52ch;margin:10px 0 0 auto;text-align:right;letter-spacing:-.01em;}
.hero-tk figcaption b{color:#fafafa;font-weight:400;}
.hero-tk .kpis{grid-area:kpis;}

.tk-tesis{display:grid;grid-template-columns:7fr 5fr;gap:var(--gut);align-items:start;}
.tk-tesis .pend{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:4px;}
.indice{display:flex;gap:8px;flex-wrap:wrap;margin-top:clamp(40px,4vw,56px);padding-top:24px;border-top:.5px solid var(--hair);}

.tk-h3{margin:clamp(56px,6vw,88px) 0 16px;font-size:clamp(24px,2.2vw,32px);}
.tk-dos{columns:2;column-gap:var(--gut);max-width:1100px;margin-bottom:32px;}
.tk-dos p{margin-bottom:14px;break-inside:avoid;}
.tk-notas{max-width:70ch;margin-top:32px;}
.tk-notas p + p{margin-top:14px;}
.tk-notas h3{margin:28px 0 12px;font-size:clamp(20px,1.7vw,24px);}
.tk-lista{max-width:70ch;padding-left:20px;display:flex;flex-direction:column;gap:12px;color:var(--fg-2);}
.tk-lista b{color:var(--fg);font-weight:500;}
.tk-cta{margin-top:40px;max-width:78ch;padding:20px 24px;border:.5px solid var(--hair);border-radius:var(--r-card);font-size:15.5px;letter-spacing:-.02em;color:var(--fg);}
.tk-cta a{color:var(--sig-papel);font-weight:500;white-space:nowrap;}

/* el cuestionario */
.selector{display:grid;grid-template-columns:7fr 5fr;gap:var(--gut);align-items:start;}
.preg{border:0;border-top:.5px solid var(--hair);padding:18px 0 20px;}
.preg legend{font-size:17px;letter-spacing:-.02em;color:var(--fg);display:flex;gap:12px;align-items:baseline;float:left;width:100%;}
.preg legend .mono{color:var(--fg-3);}
.preg .ops{clear:both;display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;}
.op{position:relative;}
.op input{position:absolute;opacity:0;width:1px;height:1px;}
.op span{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:var(--r-pill);border:.5px solid var(--hair);
  font-size:14px;font-weight:500;letter-spacing:-.02em;color:var(--fg-2);cursor:pointer;transition:all var(--dur) var(--ease);}
.op span:hover{color:var(--fg);border-color:var(--fg);}
.op input:checked + span{background:var(--ink);color:#fafafa;border-color:var(--ink);}
.op input:focus-visible + span{outline:2px solid var(--sig);outline-offset:3px;}
.sel-out{position:sticky;top:calc(var(--cab) + 20px);border:.5px solid var(--hair);border-radius:var(--r-card);padding:28px;min-height:220px;background:#fff;}
.sel-out .ph{color:var(--fg-3);font-size:15px;}
.sel-out .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--sig-papel);}
.sel-out .sel-nota{font-size:13px;color:var(--fg-3);margin-top:8px;}
.sel-out ul{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:12px;}
.sel-out li{font-size:14.5px;line-height:1.45;color:var(--fg-2);padding-left:14px;border-left:2px solid var(--hair);}
.sel-out li b{color:var(--fg);font-weight:500;}
.sel-out .sel-cta{margin-top:20px;font-size:14px;}
.sel-out .sel-cta a{color:var(--sig-papel);font-weight:500;}

/* tablas: el cuerpo en texto normal (la tabla de La Ola usa cifras gigantes) */
.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.tabla-tk{font-size:14px;}
.tabla-tk td{padding:16px 16px 16px 0;color:var(--fg-2);line-height:1.4;}
.tabla-tk td b{display:inline;font-size:inherit;font-weight:500;letter-spacing:-.02em;line-height:inherit;color:var(--fg);}
.tabla-tk td b.riesgo{display:block;font-size:15px;}
.tabla-tk td small{display:block;margin-top:6px;}
.tabla-tk.prov{min-width:1100px;}
.tabla-tk .num{font-family:var(--mono);font-size:13px;color:var(--fg);white-space:nowrap;}
.falla{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:var(--r-pill);white-space:nowrap;}
.falla.ab{color:var(--sig-papel);background:rgba(46,117,181,.08);}
.falla.ce{color:#b42318;background:rgba(180,35,24,.07);}
.falla.ll{color:var(--pend);background:var(--pend-bg);}
.arb .grupo td{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);padding-top:28px;}
.arb .mult{display:flex;align-items:center;gap:12px;}
.arb .barra{display:block;height:8px;border-radius:4px;background:var(--sig-papel);flex:0 0 auto;}
.arb .mult b{font-size:20px;font-weight:300;letter-spacing:-.03em;}

/* las cuatro puertas */
.puertas{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.puerta{border:.5px solid var(--hair);border-radius:var(--r-card);padding:24px;display:flex;flex-direction:column;background:#fff;}
.nat{align-self:flex-start;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:var(--r-pill);background:var(--paper-2);color:var(--fg-2);}
.nat.hibrido{background:rgba(46,117,181,.08);color:var(--sig-papel);}
.puerta h3{margin-top:16px;}
.puerta .precio{margin-top:14px;font-size:24px;font-weight:300;letter-spacing:-.035em;color:var(--fg);line-height:1.15;}
.puerta .pn{font-size:13px;color:var(--fg-3);margin-top:6px;}
.puerta dl{margin-top:8px;}
.puerta dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin-top:16px;}
.puerta dd{font-size:14px;color:var(--fg-2);margin-top:4px;line-height:1.45;}

/* el mapa de modelos */
.mapa{width:100%;min-width:1040px;border-collapse:collapse;font-size:14px;}
.mapa thead th{text-align:left;padding:0 12px 12px 0;white-space:nowrap;}
.mapa thead button{font-size:12.5px;font-weight:500;color:var(--fg-3);letter-spacing:-.01em;padding:4px 0;}
.mapa thead button:hover{color:var(--fg);}
.mapa th[aria-sort="descending"] button,.mapa th[aria-sort="ascending"] button{color:var(--fg);}
.mapa th[aria-sort="descending"] button::after{content:" ↓";color:var(--sig-papel);}
.mapa th[aria-sort="ascending"] button::after{content:" ↑";color:var(--sig-papel);}
.mapa tbody.mod tr:first-child > *{padding:16px 12px 4px 0;border-top:.5px solid var(--hair);vertical-align:top;font-variant-numeric:tabular-nums;}
.mapa tbody th{text-align:left;font-size:15px;font-weight:500;letter-spacing:-.02em;color:var(--fg);white-space:nowrap;}
.mapa td{color:var(--fg-2);white-space:nowrap;}
.mapa td small{display:block;font-family:var(--mono);font-size:10.5px;color:var(--fg-3);margin-top:3px;}
.mapa td.fam{font-family:var(--mono);font-size:11.5px;color:var(--fg-3);}
.mapa td.aa b{font-size:18px;font-weight:400;color:var(--fg);}
.mapa .nota-m td{white-space:normal;font-size:13.5px;line-height:1.45;color:var(--fg-3);padding:4px 0 18px;max-width:none;}
.leer{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut);margin-top:40px;padding-top:24px;border-top:.5px solid var(--hair);}
.leer h4{font-size:14px;font-weight:500;letter-spacing:-.02em;color:var(--fg);}
.leer p{font-size:14px;margin-top:8px;}

/* costo por tarea */
.pestanas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}
.panel-eje[hidden]{display:none;}

/* las cinco palancas */
.palancas{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.palanca{border:.5px solid var(--hair);border-radius:var(--r-card);padding:24px;display:flex;flex-direction:column;gap:12px;background:#fff;}
.palanca .letra{font-size:56px;font-weight:300;letter-spacing:-.05em;line-height:.9;color:var(--sig-papel);}
.palanca p{font-size:14.5px;line-height:1.45;}
.palanca .pega{margin-top:auto;padding-top:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);}

/* la calculadora */
.calc{display:grid;grid-template-columns:5fr 7fr;gap:var(--gut);align-items:start;}
.controles{display:flex;flex-direction:column;gap:18px;}
.controles .sel,.controles .rango{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--fg-2);}
.controles .rango > span{display:flex;justify-content:space-between;gap:12px;}
.controles output{font-family:var(--mono);font-size:13px;color:var(--fg);}
.controles select{height:44px;border:.5px solid var(--hair);border-radius:10px;padding:0 12px;background:#fff;font:inherit;font-size:15px;color:var(--fg);}
.controles input[type=range]{width:100%;accent-color:var(--ink);}
.controles .cajas{border:0;border-top:.5px solid var(--hair);padding-top:14px;display:flex;flex-direction:column;gap:10px;}
.controles .cajas legend{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin-bottom:10px;float:left;width:100%;}
.caja{display:flex;gap:10px;align-items:center;font-size:14.5px;color:var(--fg-2);cursor:pointer;}
.caja input{width:16px;height:16px;accent-color:var(--sig-papel);}
.calc .resultado{position:sticky;top:calc(var(--cab) + 20px);background:var(--noche-2);color:#fafafa;border-radius:var(--r-card);padding:clamp(24px,2.6vw,36px);
  --fg:#fafafa;--fg-2:rgba(250,250,250,.72);--fg-3:rgba(250,250,250,.48);--hair:rgba(250,250,250,.18);}
.calc .cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.calc .cifras > div{border-top:.5px solid var(--hair);padding-top:14px;}
.calc .cifras .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);}
.calc .cifras b{display:block;font-size:clamp(28px,2.8vw,46px);font-weight:300;letter-spacing:-.045em;line-height:1.05;margin-top:10px;}
.calc .cifras .nuevo b{color:var(--azul-n);}
.calc .cifras small{display:block;font-size:12.5px;color:var(--fg-3);margin-top:8px;}
.calc .resultado h4{margin-top:28px;font-size:14px;font-weight:500;letter-spacing:-.02em;}
.calc .resultado ul{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:10px;}
.calc .resultado li{font-size:14px;line-height:1.45;color:var(--fg-2);padding-left:14px;border-left:2px solid var(--hair);}
.calc .resultado li b{color:var(--fg);font-weight:500;}

/* la biblioteca de tips */
.tk-filtros{margin-top:0;}
.cuenta{margin:20px 0 24px;color:var(--fg-3);}
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.tip{border:.5px solid var(--hair);border-radius:var(--r-card);padding:20px 22px;background:#fff;}
.tip[hidden]{display:none;}
.tip .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);}
.tip .et{display:flex;gap:6px;margin:10px 0 12px;}
.tip .et span{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:var(--r-pill);background:var(--paper-2);color:var(--fg-2);}
.tip h3{font-size:clamp(18px,1.4vw,20px);}
.tip p{font-size:14px;line-height:1.45;margin-top:8px;}

/* recursos */
.recursos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.recurso{border:.5px dashed var(--hair);border-radius:var(--r-card);padding:22px;display:flex;flex-direction:column;gap:10px;}
.recurso .tipo{align-self:flex-start;padding:3px 8px;border-radius:6px;background:var(--paper-2);color:var(--fg-2);}
.recurso p{font-size:14px;}
.recurso .prox{margin-top:auto;padding-top:8px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;}

@media (max-width:1200px){
  .hero-tk .w{grid-template-columns:1fr;grid-template-areas:"texto" "graf" "kpis";}
  .hero-tk .pendiente{margin-top:40px;max-width:760px;}
  .hero-tk figcaption{margin-left:0;text-align:left;}
  .puertas{grid-template-columns:repeat(2,1fr);}
  .palancas{grid-template-columns:repeat(3,1fr);}
  .tips{grid-template-columns:repeat(2,1fr);}
  .recursos{grid-template-columns:repeat(2,1fr);}
  .leer{grid-template-columns:1fr;gap:20px;}
  .calc{grid-template-columns:1fr;}
  .calc .resultado{position:static;}
}
@media (max-width:810px){
  .tk-tesis,.selector{grid-template-columns:1fr;}
  .sel-out{position:static;}
  .tk-dos{columns:1;}
  .puertas,.palancas,.tips,.recursos{grid-template-columns:1fr;}
  .calc .cifras{grid-template-columns:1fr;gap:14px;}
  .hero-tk .kpis{grid-template-columns:1fr;gap:18px;}
}
/* el gráfico del hero tiene dos cortes: ancho en escritorio, angosto y a tamaño real en móvil */
.hero-tk .pendiente .movil{display:none;}
@media (max-width:810px){ .hero-tk .pendiente .escritorio{display:none;} .hero-tk .pendiente .movil{display:block;max-width:420px;} }

/* ══ v5 · responsivo: 1200 · 900 · 600 ═══════════════════════════════════ */
@media (max-width:1200px){
  .muro{grid-template-columns:repeat(4,1fr);}
  .grid-casos{grid-template-columns:repeat(3,minmax(0,1fr));}
  .caras{grid-template-columns:repeat(5,minmax(0,1fr));}
  .pie .arriba{grid-template-columns:repeat(4,1fr);}
  .pie .arriba > .marca-col{grid-column:1/-1;}
  .etapas{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px;}
  .etapas li:nth-child(4){padding-left:0;border-left:0;}
}
@media (max-width:900px){
  :root{--sec:72px;}
  body{font-size:16px;}
  nav ul,nav .btn{display:none;}
  .menu{display:inline-flex;margin-left:auto;}
  .hero .texto{max-width:100%;}
  .hero .industria span{display:none;}
  .cotas{grid-template-columns:1fr 1fr;gap:28px 20px;}
  .cab{flex-direction:column;align-items:flex-start;gap:20px;}
  .grid-casos{grid-template-columns:repeat(2,minmax(0,1fr));}
  .menu-prog a{grid-template-columns:1fr 28px;gap:8px 16px;}
  .menu-prog b{grid-column:1;}
  .menu-prog .flecha{grid-column:2;grid-row:1;}
  .menu-prog .q,.menu-prog .para,.menu-prog .desc{grid-column:1 / -1;}
  .menu-prog a:hover{padding-left:0;}
  .nube .w,.cab-prog .w,.cab-acelera .w:first-child,.cierre .w{grid-template-columns:1fr;gap:20px;}
  .nube .pie{justify-self:start;text-align:left;}
  .caras{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px;}
  .perfiles{grid-template-columns:repeat(2,1fr);}
  .pie .arriba{grid-template-columns:1fr 1fr;}
  .rendija .marco{aspect-ratio:16/9;}
  .cubos video,.cubos img{object-fit:cover;-webkit-mask-image:none;mask-image:none;}
  .etapas{grid-template-columns:1fr;}
  .etapas li,.etapas li + li{padding-left:0;border-left:0;border-top:.5px solid var(--hair-2);padding-bottom:14px;}
  .etapas li:first-child{border-top:0;}
}
@media (max-width:600px){
  .muro{grid-template-columns:repeat(2,1fr);}
  .muro span{min-height:72px;font-size:13.5px;}
  .grid-casos{grid-template-columns:1fr;}
  .grid-casos .marco{aspect-ratio:4/3;}
  .perfiles{grid-template-columns:1fr;}
  .hero .control{bottom:auto;top:calc(var(--cab) + 12px);left:auto;right:var(--gut);}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .grano,.cubos .niebla{animation:none;}
  .btn,.caso,.marco video,.marco .ia,.marco .ia2,.menu-prog a,.perfil .mono-p .retrato-f,.perfil .mono-p .retrato-t{transition:none;}
}

/* ══ v6 · LAS PROPUESTAS ELEGIDAS (25-sep-2026) ══════════════════════════ */

/* P1d · la portada: la ciudad real al atardecer, con el pulso y la luz del cursor */
.ciudad-hero .respaldo{object-position:50% 50%;filter:saturate(1.3) brightness(.78) contrast(1.06);}
.ciudad-hero canvas{opacity:0;transition:opacity 1.2s var(--ease);}
.ciudad-hero canvas.listo{opacity:1;}
.ciudad-hero::after{background:linear-gradient(90deg,rgba(8,9,11,.64) 0%,rgba(8,9,11,.30) 40%,rgba(8,9,11,0) 62%),
  linear-gradient(180deg,rgba(8,9,11,.48) 0%,rgba(8,9,11,0) 26%,rgba(8,9,11,0) 72%,rgba(8,9,11,.5) 100%);}
.ciudad-hero .pista{position:absolute;z-index:3;left:calc(var(--gut) + 96px);bottom:clamp(20px,3vw,40px);line-height:36px;
  font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--niebla);transition:opacity .8s var(--ease);pointer-events:none;}
.ciudad-hero.con-ia .pista{opacity:0;}

/* P1 · Casos: la misma banda, de noche, con la marea */
.banda-ciudad{margin:clamp(32px,4vw,56px) 0 clamp(20px,2vw,28px);}
.lz-banda,.lz-fechas{position:relative;aspect-ratio:21/9;border-radius:var(--r-card);overflow:hidden;background:var(--noche-2);isolation:isolate;}
.lz-banda > img,.lz-banda > canvas,.lz-fechas > img,.lz-fechas > canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.lz-banda > img{filter:grayscale(1) brightness(.45) contrast(1.1);}
.lz-fechas{aspect-ratio:2/1;}
.lz-fechas > img{object-position:50% 78%;}
.lz-banda .grano,.lz-fechas .grano{inset:-60px;opacity:.85;z-index:1;}
.lz-banda::after,.lz-fechas::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(8,9,11,0) 52%,rgba(8,9,11,.7) 100%);}
.rotulo{position:absolute;z-index:3;left:clamp(16px,2vw,28px);right:clamp(16px,2vw,28px);bottom:clamp(14px,1.6vw,22px);
  display:flex;justify-content:space-between;align-items:flex-end;gap:12px;pointer-events:none;}
.rotulo b{display:block;font-weight:300;font-size:clamp(17px,1.7vw,24px);letter-spacing:-.035em;line-height:1.15;color:var(--papel);max-width:30ch;}
.rotulo span{display:block;font-size:12.5px;font-weight:500;color:var(--niebla);margin-top:4px;}
.rotulo .der{text-align:right;flex:none;}
.banda-ciudad .control,.fechas-f .control,.cab-capa .control{position:static;}
.banda-ciudad .control{margin-top:12px;}

/* P6 · la portada: el pulso con las fechas reales */
.fechas-f{margin:0;}
.linea-t{position:absolute;z-index:3;left:clamp(16px,2vw,28px);right:clamp(16px,2vw,28px);bottom:clamp(14px,1.6vw,22px);}
.linea-t .txt{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:10px;}
.linea-t .txt b{font-weight:300;font-size:clamp(17px,1.7vw,24px);letter-spacing:-.035em;color:var(--papel);}
.linea-t .txt span{font-size:12.5px;font-weight:500;color:var(--niebla);text-align:right;}
.linea-t .barra-t{position:relative;height:18px;}
.linea-t .barra-t::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(250,250,250,.2);}
.linea-t i{position:absolute;top:3px;width:1.5px;height:12px;background:rgba(250,250,250,.26);transition:background .3s;}
.linea-t i.on{background:var(--azul-n);}
.linea-t .cursor{position:absolute;top:0;width:1px;height:18px;background:var(--papel);}
.linea-t .anos{position:relative;height:16px;margin-top:4px;font-size:11.5px;color:var(--niebla-2);}
.linea-t .anos span{position:absolute;top:0;transform:translateX(-50%);}
.fechas-f .pie-g{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;align-items:center;margin-top:14px;
  padding-top:14px;border-top:.5px solid var(--hair);font-size:13px;color:var(--fg-3);}
.fechas-f .pie-g > span:first-child{max-width:70ch;}
.fechas-f .pie-g > span:last-child{display:inline-flex;gap:14px;align-items:center;}

/* P3 · Diagnostica: la capa sobre Santiago */
.lz-obra{position:relative;aspect-ratio:16/9;border-radius:var(--r-card);overflow:hidden;background:var(--noche);isolation:isolate;}
.lz-obra > img,.obra .lz-obra > canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0;background:transparent;}
.lz-obra .grano{inset:-60px;opacity:.85;z-index:1;}
.cab-capa .leyenda > span{display:grid;gap:2px;}

/* P11 · Acelera: el andamio en plano */
.plano-g{margin:0;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--gut);align-items:end;}
.plano-g svg{width:100%;height:auto;display:block;background:var(--blanco);border-radius:var(--r-card);box-shadow:0 0 0 .5px var(--hair);padding:clamp(12px,2vw,28px);}
.plano-l{display:grid;gap:24px;}
.plano-l div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 14px;align-items:baseline;}
.plano-l i{grid-row:span 2;align-self:center;display:block;height:0;border-top:1px solid #656565;}
.plano-l i.l-obra{border-top:3px solid var(--tinta);}
.plano-l i.l-suelo{border-top:1.2px solid var(--tinta);}
.plano-l b{font-size:15px;font-weight:500;letter-spacing:-.02em;color:var(--fg);}
.plano-l span{font-size:14px;line-height:1.45;color:var(--fg-2);}

/* P4 + P16 · En terreno: las fotos de taller, reveladas, con la iA como luz */
.terreno-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);}
.terreno-g figure{margin:0;display:grid;gap:10px;align-content:start;}
.terreno-g figcaption{font-size:13px;color:var(--fg-3);}
.terreno-g figcaption b{color:var(--fg);font-weight:500;}
.foto-t{position:relative;overflow:hidden;border-radius:10px;background:var(--papel-2);isolation:isolate;aspect-ratio:4/3;}
.foto-t img,.foto-t canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.foto-t canvas{opacity:0;transition:opacity .7s var(--ease);pointer-events:none;}
.foto-t.trama-lista canvas{opacity:1;}
.foto-t .luz{mix-blend-mode:screen;opacity:0;animation:latido-rel 3.4s ease-in-out infinite;}
@keyframes latido-rel{0%,100%{opacity:0}55%{opacity:.45}}
.foto-t .grano{inset:-60px;opacity:.6;z-index:1;}
.terreno-g .t-a{grid-column:span 7;}
.terreno-g .t-b{grid-column:span 5;grid-template-rows:1fr auto;}
.terreno-g .t-b .foto-t{aspect-ratio:auto;height:100%;min-height:240px;}
.terreno-g .t-c,.terreno-g .t-d{grid-column:span 6;}

/* P8 · La Ola: la semana expuesta */
.semana-p canvas{position:absolute;inset:0;width:100%;height:100%;}
.rotulo-semana{position:absolute;z-index:3;left:var(--gut);top:calc(var(--cab) + clamp(20px,3vw,40px));display:grid;gap:2px;pointer-events:none;}
.rotulo-semana b{font-weight:300;font-size:clamp(17px,1.6vw,22px);letter-spacing:-.035em;color:var(--papel);}
.rotulo-semana span{font-size:12.5px;font-weight:500;color:var(--niebla);}
.semana-p .control{left:auto;right:var(--gut);bottom:auto;top:calc(var(--cab) + clamp(20px,3vw,40px));}

/* P14 · Sistemas a medida: los cubos saliendo de la niebla */
.cab-sistemas{position:relative;min-height:clamp(560px,80svh,900px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:0;}
.cab-sistemas .fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 45%;}
.cab-sistemas .niebla{position:absolute;inset:auto 0 -2px 0;height:55%;z-index:1;pointer-events:none;opacity:.7;
  background:url(../medios/v5-niebla.png) repeat-x 0 100% / 2048px 100%;animation:deriva 150s linear infinite;}
.cab-sistemas::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,9,11,.82) 0%,rgba(8,9,11,.35) 48%,rgba(8,9,11,0) 72%),linear-gradient(180deg,rgba(8,9,11,.5) 0%,rgba(8,9,11,0) 26%);}
.cab-sistemas .grano{z-index:1;}
.cab-sistemas .w{position:relative;z-index:2;padding-block:calc(var(--cab) + 64px) clamp(48px,7vw,104px);}
.cab-sistemas .kick{color:var(--niebla);}
.cab-sistemas h1{margin-top:16px;max-width:14ch;font-size:clamp(40px,5vw,80px);}
.cab-sistemas .lead{margin-top:22px;max-width:48ch;color:rgba(250,250,250,.84);}
.tipos-s{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:.5px solid var(--hair);}
.tipos-s li{padding:18px 16px 0 0;font-size:clamp(20px,1.8vw,26px);font-weight:300;letter-spacing:-.035em;line-height:1.15;color:var(--fg);}
.tipos-s li + li{padding-left:16px;border-left:.5px solid var(--hair-2);}

/* el pie: los cubos enlazan a Sistemas a medida */
a.cubos{display:block;color:var(--papel);}
.cubos .ir-sistemas{position:absolute;z-index:3;right:var(--gut);bottom:clamp(14px,2vw,24px);font-size:13px;font-weight:500;letter-spacing:-.01em;
  color:var(--niebla);transition:color var(--dur) var(--ease);}
a.cubos:hover .ir-sistemas,a.cubos:focus-visible .ir-sistemas{color:var(--papel);}
a.cubos:focus-visible{outline-offset:-4px;}
.enlace{color:var(--fg);font-weight:500;border-bottom:.5px solid currentColor;white-space:nowrap;}

@media (max-width:900px){
  .plano-g{grid-template-columns:1fr;}
  .tipos-s{grid-template-columns:1fr 1fr;row-gap:24px;}
  .tipos-s li:nth-child(3){padding-left:0;border-left:0;}
  .terreno-g .t-a,.terreno-g .t-b,.terreno-g .t-c,.terreno-g .t-d{grid-column:1/-1;}
  .terreno-g .t-b .foto-t{aspect-ratio:4/3;height:auto;min-height:0;}
}
@media (max-width:600px){
  .lz-banda,.lz-fechas{aspect-ratio:4/5;}
  .rotulo{flex-direction:column;align-items:flex-start;}
  .rotulo .der{text-align:left;}
  .tipos-s{grid-template-columns:1fr;}
  .tipos-s li{padding-left:0!important;border-left:0!important;}
  .ciudad-hero .pista{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .foto-t .luz{animation:none;opacity:.3;}
  .cab-sistemas .niebla{animation:none;}
  .ciudad-hero canvas{transition:none;}
}

/* ── v6b · ronda del 25-sep: logotipo, portada, programas desplegables, Exploras ── */
/* el logotipo: la «Ai» en azul, el de papel sobre claro y el de noche sobre oscuro */
.marca .ai{color:var(--azul-p);}
header.sobre-hero .marca .ai,header.sobre-oscuro .marca .ai,.oscuro .marca .ai{color:var(--azul-n);}
.cotas{grid-template-columns:repeat(3,1fr);}
/* en miniatura la foto va entera: la trama es solo la grilla tenue */
.perfil .mono-p.trama-lista.mini-t .retrato-f{opacity:1;}
/* los anclas (#programas, #prog-alinea, #exploras) no quedan bajo la cabecera fija */
[id]{scroll-margin-top:calc(var(--cab) + 12px);}

/* ── los programas, desplegables: se abren en la misma página, con su animación ── */
.desplegables{border-top:.5px solid var(--hair);}
details.prog{border-bottom:.5px solid var(--hair);}
details.prog summary{list-style:none;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,3.2fr) 28px;gap:var(--gut);align-items:baseline;
  padding:clamp(20px,2.2vw,30px) 0;cursor:pointer;transition:padding var(--dur) var(--ease);}
details.prog summary::-webkit-details-marker{display:none;}
details.prog summary:hover{padding-left:10px;}
details.prog[open] summary:hover{padding-left:0;}
details.prog summary b{font-size:clamp(28px,2.7vw,42px);font-weight:300;letter-spacing:-.05em;line-height:1;color:var(--fg);}
details.prog summary .q{font-size:clamp(17px,1.35vw,20px);line-height:1.3;letter-spacing:-.025em;color:var(--fg);}
details.prog summary .para{font-size:14px;line-height:1.4;color:var(--fg-3);}
details.prog .mas{justify-self:end;align-self:center;position:relative;width:16px;height:16px;color:var(--fg-3);transition:color var(--dur);}
details.prog .mas::before,details.prog .mas::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.2px;margin-top:-.6px;background:currentColor;transition:transform var(--dur) var(--ease);}
details.prog .mas::after{transform:rotate(90deg);}
details.prog summary:hover .mas,details.prog[open] .mas{color:var(--fg);}
details.prog[open] .mas::after{transform:rotate(0deg);}
details.prog.integral summary{background:linear-gradient(90deg,var(--papel-2),rgba(241,241,240,0));padding-left:18px;}
details.prog.integral summary:hover{padding-left:26px;}
details.prog.integral[open] summary:hover{padding-left:18px;}
details.prog .cuerpo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--gut);align-items:start;padding-bottom:clamp(28px,3.2vw,48px);}
details.prog[open] .cuerpo{animation:abre .5s var(--ease);}
@keyframes abre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
details.prog .vis{margin:0;position:relative;aspect-ratio:16/10;border-radius:var(--r-card);overflow:hidden;background:var(--noche);isolation:isolate;}
details.prog .vis > img,details.prog .vis > canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
details.prog .vis .grano{inset:-60px;opacity:.8;z-index:1;}
details.prog .vis .control{left:auto;right:14px;bottom:14px;}
details.prog .vis .leyenda{position:absolute;z-index:2;left:16px;bottom:16px;right:110px;font-size:13px;font-weight:500;color:var(--papel);text-shadow:0 1px 12px rgba(8,9,11,.6);}
details.prog .txt{display:grid;gap:22px;align-content:start;padding-top:4px;}
details.prog .txt > p{font-size:clamp(17px,1.3vw,19px);line-height:1.45;letter-spacing:-.02em;color:var(--fg-2);max-width:44ch;}
details.prog .cuando{border-top:.5px solid var(--hair);padding-top:16px;display:grid;gap:8px;}
details.prog .cuando p{font-size:15px;line-height:1.45;max-width:42ch;}
details.prog .enlace{justify-self:start;font-size:15px;}

/* ── los Exploras: Andrés y Rodrigo con el pulso, y cada área con su encargo ── */
.exploras-h{border-top:.5px solid var(--hair);}
.dupla{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(12px,1.4vw,20px);margin-bottom:clamp(44px,5.4vw,80px);}
.dupla figure{margin:0;display:grid;gap:10px;align-content:start;}
.dupla figcaption{font-size:13px;color:var(--fg-3);}
.dupla figcaption b{color:var(--fg);font-weight:500;}
.foto-x{position:relative;overflow:hidden;border-radius:10px;background:var(--papel-2);isolation:isolate;height:clamp(320px,38vw,580px);}
.foto-x img,.foto-x canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.foto-x .luz{mix-blend-mode:screen;opacity:0;animation:latido-rel 3.4s ease-in-out infinite;}
.foto-x canvas{mix-blend-mode:screen;opacity:0;transition:opacity .8s var(--ease);pointer-events:none;}
.foto-x .grano{inset:-60px;opacity:.6;z-index:1;}
.pulso-listo .foto-x .luz{animation:none;opacity:0;}
.pulso-listo .foto-x canvas{opacity:1;}
.ex-demo{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--gut);align-items:stretch;}
.ex-areas{list-style:none;border-top:.5px solid var(--hair);align-self:start;}
.ex-areas li{border-bottom:.5px solid var(--hair);}
.ex-areas .area{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;text-align:left;min-height:44px;transition:padding var(--dur) var(--ease);}
.ex-areas .area b{font-size:clamp(19px,1.5vw,23px);font-weight:400;letter-spacing:-.035em;color:var(--fg-3);transition:color var(--dur);}
.ex-areas .area span{font-size:13px;line-height:1.35;color:var(--fg-3);text-align:right;max-width:24ch;}
.ex-areas .area:hover b{color:var(--fg-2);}
.ex-areas .area.on{padding-left:14px;box-shadow:inset 1.5px 0 0 var(--fg);}
.ex-areas .area.on b{color:var(--fg);}
.ex-areas .mas-area{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-size:15px;font-weight:500;color:var(--fg);}
.ventana{position:relative;border-radius:var(--r-card);overflow:hidden;background:var(--noche);color:var(--papel);isolation:isolate;
  padding:clamp(22px,2.8vw,40px);display:grid;gap:22px;align-content:start;min-height:clamp(380px,32vw,480px);}
.ventana > .respaldo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 88%;opacity:.34;z-index:0;}
.ventana::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(8,9,11,.82) 0%,rgba(8,9,11,.55) 55%,rgba(8,9,11,.25) 100%);}
.ventana .grano{inset:-60px;opacity:.7;z-index:1;}
.ventana > p,.ventana > div:not(.grano){position:relative;z-index:2;}
.ventana .v-titulo{font-size:13px;font-weight:500;color:var(--niebla);}
.ventana .quien{display:block;font-size:12.5px;font-weight:500;color:var(--niebla-2);margin-bottom:8px;}
.ventana .encargo{background:rgba(250,250,250,.06);border:.5px solid rgba(250,250,250,.16);border-radius:14px;padding:16px 18px;max-width:54ch;}
#ex-encargo{font-size:clamp(17px,1.45vw,21px);line-height:1.35;letter-spacing:-.025em;color:var(--papel);}
#ex-encargo::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:3px;vertical-align:-.12em;background:var(--papel);animation:cursor-t 1s steps(1) infinite;}
@keyframes cursor-t{50%{opacity:0}}
/* la iA trabaja: una luz azul cruza la línea de lado, como el pulso de la portada */
.ventana .trabaja{height:1px;background:rgba(250,250,250,.12);position:relative;overflow:hidden;}
.ventana .trabaja i{position:absolute;top:-1px;height:3px;width:34%;left:-34%;opacity:0;background:linear-gradient(90deg,rgba(91,163,208,0),var(--azul-n),rgba(91,163,208,0));}
.ventana.trabajando .trabaja i{opacity:1;animation:barrido 1.1s var(--ease) infinite;}
@keyframes barrido{to{left:100%}}
.ventana .entrega ul{list-style:none;display:grid;gap:12px;}
.ventana .entrega li{display:flex;gap:12px;align-items:baseline;font-size:clamp(15px,1.2vw,17px);line-height:1.4;color:var(--papel);opacity:0;transform:translateX(-10px);transition:opacity .5s var(--ease),transform .5s var(--ease);}
.ventana .entrega li.ve{opacity:1;transform:none;}
.ventana .entrega li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--azul-n);box-shadow:0 0 10px rgba(91,163,208,.8);transform:translateY(-2px);}
.exploras-h > .w > .nota{margin-top:18px;}

/* ── la nube con un trabajo: Por qué MAindset ── */
.nube.por-que{min-height:clamp(720px,64vw,1040px);}
.nube.por-que::after{background:linear-gradient(180deg,rgba(8,9,11,.35) 0%,rgba(8,9,11,0) 16%,rgba(8,9,11,0) 34%,rgba(8,9,11,.78) 64%,rgba(8,9,11,.92) 100%);}
.nube.por-que .w{grid-template-columns:1fr;gap:clamp(32px,3.6vw,52px);align-items:end;padding-block:clamp(200px,24vw,380px) clamp(72px,7vw,104px);}
.pq-cab{display:grid;gap:16px;}
.pq-cab .kick{color:var(--niebla);}
.pq-cab h2{color:var(--papel);max-width:18ch;}
.pq-cab p{color:rgba(250,250,250,.8);font-size:clamp(16px,1.25vw,19px);line-height:1.45;max-width:62ch;}
.pq-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut);}
.pq-cols .col{border-top:.5px solid rgba(250,250,250,.2);padding-top:18px;display:grid;gap:4px;align-content:start;}
.pq-cols h3{font-size:clamp(19px,1.5vw,23px);font-weight:400;letter-spacing:-.035em;color:var(--niebla);}
.pq-cols .parte{font-size:13px;font-weight:500;color:var(--niebla-2);}
.pq-cols ul{list-style:none;margin-top:12px;display:grid;gap:9px;}
.pq-cols li{font-size:15px;line-height:1.4;color:var(--niebla-2);}
.pq-cols .col.nuestro{border-top:1px solid var(--papel);}
.pq-cols .col.nuestro h3,.pq-cols .col.nuestro li{color:var(--papel);}
.pq-cols .col.nuestro .parte{color:var(--niebla);}

/* ── La Ola a sangre: la ciudad de fondo, los destellos hacen vibrar el cielo ── */
.ola-h.a-sangre{position:relative;overflow:hidden;isolation:isolate;padding:0;min-height:clamp(680px,60vw,960px);display:flex;}
.fondo-fechas{position:absolute;inset:0;z-index:0;overflow:hidden;}
.fondo-fechas > img,.fondo-fechas > canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 78%;}
.fondo-fechas .grano{inset:-160px;opacity:.85;z-index:1;}
.fondo-fechas::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,9,11,.55) 0%,rgba(8,9,11,0) 55%),
             linear-gradient(180deg,rgba(8,9,11,.72) 0%,rgba(8,9,11,.28) 26%,rgba(8,9,11,0) 44%,rgba(8,9,11,0) 68%,rgba(8,9,11,.82) 100%);}
.ola-h.a-sangre > .w{position:relative;z-index:3;display:flex;flex-direction:column;padding-block:var(--sec) clamp(22px,2.6vw,36px);}
.ola-h.a-sangre .cab{margin-bottom:22px;}
.ola-h.a-sangre .lead{color:rgba(250,250,250,.84);max-width:52ch;}
.ola-h.a-sangre .abajo-f{margin-top:auto;padding-top:clamp(60px,10vw,200px);}
.ola-h.a-sangre .linea-t{position:static;}
.ola-h.a-sangre .pie-g{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;align-items:center;margin-top:16px;font-size:13px;color:var(--niebla);}
.ola-h.a-sangre .pie-g > span:first-child{max-width:70ch;}
.ola-h.a-sangre .pie-g > span:last-child{display:inline-flex;gap:14px;align-items:center;}
.ola-h.a-sangre .control{position:static;}

@media (max-width:900px){
  details.prog summary{grid-template-columns:1fr 28px;gap:8px 16px;}
  details.prog summary b{grid-column:1;}
  details.prog .mas{grid-column:2;grid-row:1;}
  details.prog summary .q,details.prog summary .para{grid-column:1 / -1;}
  details.prog summary:hover{padding-left:0;}
  details.prog .cuerpo{grid-template-columns:1fr;}
  details.prog .vis{aspect-ratio:4/3;}
  .dupla{grid-template-columns:minmax(0,3fr) minmax(0,2fr);}
  .ex-demo{grid-template-columns:1fr;}
  .ex-areas{display:flex;gap:8px;overflow-x:auto;border-top:0;padding-bottom:6px;scrollbar-width:none;}
  .ex-areas li{border:0;flex:none;}
  .ex-areas .area{border:.5px solid var(--hair);border-radius:var(--r-pill);padding:0 16px;min-height:40px;align-items:center;}
  .ex-areas .area span{display:none;}
  .ex-areas .area b{font-size:15px;font-weight:500;}
  .ex-areas .area.on{padding-left:16px;box-shadow:none;background:var(--tinta);border-color:var(--tinta);}
  .ex-areas .area.on b{color:var(--papel);}
  .ex-areas .mas-area{padding:0 8px;min-height:40px;white-space:nowrap;}
  .pq-cols{grid-template-columns:1fr;gap:28px;}
}
@media (max-width:600px){
  .cotas{grid-template-columns:1fr;gap:24px;}
  .dupla{grid-template-columns:1fr;}
  .foto-x{height:auto;aspect-ratio:4/3;}
  .ola-h.a-sangre{min-height:0;}
  .nube.por-que .w{padding-block:clamp(180px,50vw,260px) 72px;}
}
@media (prefers-reduced-motion:reduce){
  details.prog[open] .cuerpo{animation:none;}
  .ventana.trabajando .trabaja i,#ex-encargo::after{animation:none;}
  .ventana .entrega li{transition:none;}
  .foto-x .luz{animation:none;opacity:.3;}
}

/* ── v6 · prosa (Tokenomics y La Ola) ── */
/* Las dos páginas largas se leen como un artículo (article.lectura).
   UNA columna de lectura: el texto corre en una medida de ~66 caracteres que
   comparte el borde izquierdo con las tablas, los gráficos y las cabeceras de
   sección, así que después de cada tabla el ojo vuelve a la misma x. Lo ancho
   (.ancho: tablas, gráficos, cifras, fichas, herramientas) ocupa la caja
   entera desde ese mismo borde; el margen derecho queda en blanco a propósito.
   Escala (1440 → 500 px):
     h2 50 → 32 Light · h3 25 → 21 Medium · bajada 24 → 20 · entradilla 26 → 21
     cuerpo 19 → 17,5 / 1,55 · destacado 36 Light (desde 900 px) → 23 Regular
     cifras 76 → 44 Light · tabla 15 · leyenda 13,5 · rótulos 13 Medium.
   Geist Light solo desde 32 px. Azul: #2E75B5 sobre papel, #5BA3D0 solo en la noche. */
.lectura{
  --cuerpo:clamp(17.5px,calc(14px + .35vw),19px);
  --medida:calc(var(--cuerpo) * 31.5);            /* ≈ 66 caracteres de Geist a ese cuerpo (medido) */
  --r-sec:clamp(72px,8vw,128px);                  /* entre secciones */
  --r-fig:clamp(36px,3.6vw,56px);                 /* antes y después de lo ancho */
  --r-h3:clamp(48px,4.6vw,72px);                  /* antes de un subtítulo */
}
.lectura .lx{padding-block:var(--r-sec) 0;}
.lectura .lx > .w{font-size:var(--cuerpo);border-top:.5px solid var(--hair);padding-top:clamp(18px,1.6vw,24px);}
.lectura .lx-entrada{padding-top:clamp(56px,6vw,96px);}
.lectura .lx-entrada > .w{border-top:0;padding-top:0;}

/* el flujo: todo en la medida, salvo lo ancho; el ritmo lo dan los márgenes de arriba */
.lectura .lx > .w > *{max-width:var(--medida);}
.lectura .lx > .w > .ancho{max-width:none;}
.lectura .lx > .w > * + *{margin-top:var(--cuerpo);}
.lectura .lx > .w > .lx-cab + *{margin-top:clamp(24px,2.4vw,36px);}
.lectura .lx > .w > .lx-cab + .lx-lead{margin-top:clamp(18px,1.8vw,26px);}
.lectura .lx > .w > .lx-lead + *{margin-top:clamp(24px,2.4vw,36px);}
.lectura .lx > .w > h3{margin-top:var(--r-h3);}
.lectura .lx > .w > h3 + *{margin-top:14px;}
.lectura .lx > .w > .ancho,.lectura .lx > .w > .ancho + *{margin-top:var(--r-fig);}
.lectura .lx > .w > h3 + .ancho{margin-top:24px;}
.lectura .lx > .w > .lx-cita,.lectura .lx > .w > .lx-cita + *{margin-top:var(--r-fig);}
.lectura .lx > .w > .lx-cta{margin-top:var(--r-fig);}
.lectura .lx > .w > .lx-empresa{margin-top:clamp(28px,2.8vw,40px);}
.lectura .lx > .w > .lx-nota{margin-top:14px;}
.lectura .lx > .w > .pend{margin-top:16px;}
.lectura .lx > .w > .cuenta{margin-top:20px;}
.lectura .lx > .w > .cuenta + .ancho{margin-top:16px;}

/* cabecera de sección: el filete, el rótulo y el título */
.lectura .lx-cab .kick{display:block;color:var(--tinta-2);}
.lectura .lx-cab h2{margin-top:12px;font-size:clamp(32px,3.4vw,50px);font-weight:300;line-height:1.05;letter-spacing:-.045em;max-width:20ch;text-wrap:balance;color:var(--tinta);}

/* el texto */
.lectura .lx > .w > p:not([class]),.lectura .lx > .w > p.lx-lead,.lectura .lx > .w > p.lx-entradilla,.lectura .lx > .w > p.lx-cita,.lectura .lx-lista li,.lectura .lx-empresa p{font-size:var(--cuerpo);line-height:1.55;letter-spacing:-.011em;color:var(--tinta-2);text-wrap:pretty;}
.lectura .lx > .w > p b,.lectura .lx-lista b{font-weight:500;color:var(--tinta);}
.lectura .lx > .w > p.lx-lead{font-size:clamp(20px,1.65vw,24px);font-weight:400;line-height:1.4;letter-spacing:-.022em;color:var(--tinta);}
.lectura .lx > .w > p.lx-entradilla{font-size:clamp(21px,1.8vw,26px);font-weight:400;line-height:1.36;letter-spacing:-.026em;color:var(--tinta);}
.lectura .lx > .w > h3{font-size:clamp(21px,1.75vw,25px);font-weight:500;line-height:1.2;letter-spacing:-.03em;color:var(--tinta);max-width:34ch;text-wrap:balance;}
/* el destacado: la frase que resume la sección, en la misma medida que el texto */
.lectura .lx > .w > p.lx-cita{font-size:23px;font-weight:400;line-height:1.3;letter-spacing:-.03em;color:var(--tinta);}
.lectura .lx-cita::before{content:"";display:block;width:40px;margin-bottom:18px;border-top:1px solid var(--tinta);}
@media (min-width:900px){
  .lectura .lx > .w > p.lx-cita{font-size:clamp(32px,2.5vw,38px);font-weight:300;line-height:1.16;letter-spacing:-.04em;}
}
/* listas numeradas: el número al borde, el texto con sangría */
.lectura .lx-lista{list-style:none;counter-reset:n;display:grid;gap:14px;}
.lectura .lx-lista li{position:relative;padding-left:2em;}
.lectura .lx-lista li::before{counter-increment:n;content:counter(n);position:absolute;left:0;top:0;font-weight:500;color:var(--tinta-3);}
/* notas y lo pendiente */
.lectura .lx-nota{font-size:13.5px;line-height:1.5;letter-spacing:-.005em;color:var(--tinta-3);}
.lectura .pend{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:4px;width:fit-content;}
.lectura .pend::before{content:"Pendiente";font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;opacity:1;}
.lectura .lx-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
/* La Ola: lo que significa para su empresa, aparte del argumento */
.lectura .lx-empresa{padding:2px 0 2px 20px;border-left:1.5px solid var(--tinta);}
.lectura .lx-empresa .k{display:block;font-size:13px;font-weight:500;letter-spacing:-.005em;color:var(--tinta-3);}
.lectura .lx-empresa p{margin-top:6px;color:var(--tinta);}
/* el llamado al cierre de una sección: en la medida, con su botón */
.lectura .lx-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 28px;padding:22px 24px;background:var(--papel-2);border-radius:var(--r-card);}
.lectura .lx-cta p{flex:1 1 30ch;font-size:17px;line-height:1.45;letter-spacing:-.015em;color:var(--tinta);}
.lectura .lx-cta .btn{flex:none;}

/* figuras: lo ancho, y su pie debajo en la medida del texto */
.lectura .lx-fig{margin-inline:0;}
.lectura .lx-fig figcaption{margin-top:14px;display:grid;gap:4px;max-width:var(--medida);font-size:13.5px;line-height:1.5;letter-spacing:-.005em;color:var(--tinta-2);}
.lectura .lx-fuente{color:var(--tinta-3);}
.lectura .lx-desliza{display:none;margin-bottom:10px;font-size:13px;color:var(--tinta-3);}
.lectura .lx-graf svg{width:100%;height:auto;display:block;overflow:visible;}
.lectura .lx-graf .pestanas{margin-bottom:20px;}
.lectura .lx-mov{display:none;}
.lectura .dos-cifras{gap:var(--gut);}
.lectura .dos-cifras b{color:var(--tinta);}
.lectura .dos-cifras .nuevo b{color:var(--azul-p);}
.lectura .dos-cifras span{font-size:14.5px;line-height:1.45;color:var(--tinta-2);}

/* tablas: filete negro bajo el encabezado, hilos entre filas, cifras a la derecha
   y en numerales tabulares; cada tabla con su propio scroll lateral */
.lectura .lx-tabla{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  background:linear-gradient(to left,var(--papel) 30%,rgba(250,250,250,0)) right center / 48px 100% no-repeat local,
             linear-gradient(to left,rgba(10,10,10,.1),rgba(10,10,10,0)) right center / 16px 100% no-repeat scroll;}
.lectura .lx-tabla:focus-visible{outline:2px solid var(--azul-p);outline-offset:4px;}
.lectura .lx-t{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.45;letter-spacing:-.012em;font-variant-numeric:tabular-nums lining-nums;}
.lectura .lx-t thead th{text-align:left;vertical-align:bottom;font-size:13px;font-weight:500;letter-spacing:-.005em;color:var(--tinta-3);padding:0 20px 11px 0;border-bottom:1px solid var(--tinta);}
.lectura .lx-t tbody > tr > *{padding:16px 20px 16px 0;border-bottom:.5px solid var(--hair);vertical-align:top;text-align:left;font-weight:400;color:var(--tinta-2);}
.lectura .lx-t tbody th[scope="row"]{font-weight:500;color:var(--tinta);min-width:7.5em;}
.lectura .lx-t tr > :last-child{padding-right:0;}
.lectura .lx-t .num{text-align:right;white-space:nowrap;padding-right:28px;}
.lectura .lx-t tr > .num:last-child{padding-right:0;}
.lectura .lx-t b{font-weight:500;color:var(--tinta);}
.lectura .lx-t b.riesgo{display:block;}
.lectura .lx-t small{display:block;margin-top:4px;font-size:13px;line-height:1.4;font-weight:400;color:var(--tinta-3);}
/* los cuatro proveedores */
.lectura .prov{min-width:1100px;}
.lectura .falla{display:inline-block;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:-.005em;text-transform:none;
  padding:3px 10px;border-radius:var(--r-pill);background:var(--papel-2);color:var(--tinta);white-space:nowrap;}
.lectura .prov small{margin-top:6px;}
/* el arbitraje: los planes por proveedor */
.lectura .arb .grupo th{padding:28px 0 10px;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--tinta);}
.lectura .arb tbody tr.grupo:first-child th{padding-top:14px;}
.lectura .arb .mult b{font-size:17px;font-weight:500;letter-spacing:-.02em;}
/* La Ola: antes y después, con las cifras grandes */
.lectura .lx-t-cifras{min-width:760px;}
.lectura .lx-t-cifras tbody th[scope="row"]{max-width:22ch;}
.lectura .lx-t-cifras td.cifra b{display:block;font-size:clamp(32px,2.6vw,40px);font-weight:300;letter-spacing:-.045em;line-height:1;}
.lectura .lx-t-cifras td.d b{color:var(--azul-p);}
.lectura .lx-t-cifras td.cifra small{margin-top:8px;}
.lectura .lx-t-cifras td.bb{font-size:14.5px;max-width:34ch;}
/* el mapa de modelos, ordenable */
.lectura .mapa{min-width:1040px;}
.lectura .mapa thead th{padding:0 14px 6px 0;}
.lectura .mapa thead th:last-child{padding-right:0;}
.lectura .mapa thead button{font-size:13px;font-weight:500;letter-spacing:-.005em;min-height:32px;}
.lectura .mapa thead th.num button{text-align:right;}
.lectura .mapa tbody.mod tr:first-child > *{padding:16px 14px 4px 0;border-top:0;border-bottom:0;white-space:nowrap;}
.lectura .mapa tbody.mod tr:first-child > :last-child{padding-right:0;}
.lectura .mapa tbody th[scope="row"]{font-size:15px;}
.lectura .mapa td.fam{font-family:var(--sans);font-size:14px;color:var(--tinta-3);}
.lectura .mapa td small{font-family:var(--sans);font-size:12px;}
.lectura .mapa td.aa b{font-size:17px;}
.lectura .mapa .nota-m td{padding:2px 0 16px;border-bottom:.5px solid var(--hair);font-size:13.5px;line-height:1.5;color:var(--tinta-3);white-space:normal;}
.lectura .mapa .nota-m td > span{display:block;position:sticky;left:0;max-width:min(92ch,calc(100vw - var(--gut) * 2));}
.lectura .lx-glosario{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px var(--gut);margin-top:10px;}
.lectura .lx-glosario dt{font-weight:500;color:var(--tinta);}
.lectura .lx-glosario dd{margin-top:2px;}
/* la leyenda del mapa ocupa lo ancho: son tres definiciones en columnas */
.lectura .lx-fig:has(.lx-glosario) figcaption{max-width:none;}

/* las herramientas (cuestionario y calculadora) son lo ancho en un panel blanco */
.lectura .lx-herr{background:var(--blanco);border:.5px solid var(--hair);border-radius:var(--r-card);padding:clamp(20px,2.6vw,36px);}
.lectura .selector .preg:first-child{border-top:0;padding-top:0;}
.lectura .preg legend .n{color:var(--tinta-3);font-weight:500;}
.lectura .sel-out{background:var(--papel-2);border:0;}
.lectura .sel-out .k{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--tinta);}
.lectura .controles .cajas legend{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--tinta-2);}
.lectura .controles output{font-family:var(--sans);font-size:14px;font-weight:500;}
.lectura .calc .cifras .k{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:-.005em;text-transform:none;color:rgba(250,250,250,.7);}
.lectura .calc .cifras b{font-size:clamp(32px,2.8vw,46px);}
.lectura .calc .resultado .lx-nota{margin-top:18px;color:rgba(250,250,250,.62);}

/* fichas: títulos en Medium (la Light queda para 32 px y más), rótulos en frase, sin versalitas */
.lectura :is(.puerta,.palanca,.tip,.recurso,.hito) h3{font-size:clamp(18px,1.4vw,20px);font-weight:500;line-height:1.2;letter-spacing:-.025em;text-wrap:balance;}
.lectura .puerta .precio{font-size:22px;font-weight:400;letter-spacing:-.03em;}
.lectura .nat,.lectura .nat.hibrido{font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:-.005em;text-transform:none;padding:3px 10px;background:var(--papel-2);color:var(--tinta-2);}
.lectura .puerta dt{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--tinta);margin-top:14px;}
.lectura .puerta dd{font-size:14.5px;}
.lectura .palanca .pega,.lectura .tip .k,.lectura .recurso .prox{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--tinta-3);}
.lectura .tip .et span{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;padding:2px 9px;}
.lectura .recurso .tipo{font-size:12.5px;font-weight:500;}
.lectura :is(.tip,.recurso,.palanca) p{font-size:14.5px;line-height:1.5;}
.lectura :is(.hito,.momentos) .f{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--tinta-3);}
.lectura :is(.hito,.momentos) p{font-size:15px;line-height:1.5;}
.lectura .momentos .r{font-size:21px;font-weight:400;letter-spacing:-.03em;}
.lectura .cuenta{font-size:13.5px;color:var(--tinta-3);}

/* el registro: fecha y hecho, en la medida */
.lectura .lx-registro{list-style:none;border-top:.5px solid var(--hair);}
.lectura .lx-registro li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:4px 20px;padding:14px 0;border-bottom:.5px solid var(--hair-2);font-size:15.5px;line-height:1.5;letter-spacing:-.012em;color:var(--tinta-2);}
.lectura .lx-registro li b{font-size:13.5px;font-weight:500;color:var(--tinta-3);padding-top:2px;}

/* hasta 1000 px el gráfico ancho no se lee: entra el corte angosto, a tamaño real */
@media (max-width:1000px){
  .lectura .lx-esc{display:none;}
  .lectura .lx-mov{display:block;max-width:600px;}
  .lectura .lx-glosario{grid-template-columns:1fr;}
}
/* en pantallas angostas la primera columna de cada tabla queda fija al deslizar */
@media (max-width:900px){
  .lectura .lx-t tr > :first-child:not([colspan]){position:sticky;left:0;z-index:1;background:var(--papel);box-shadow:inset -.5px 0 0 var(--hair);padding-right:14px;}
  .lectura .lx-t thead th:first-child{background:var(--papel);}
  .lectura .lx-t tbody > tr > :nth-child(2){padding-left:14px;}
  .lectura .lx-t thead th:nth-child(2){padding-left:14px;}
  .lectura .arb .grupo th > span,.lectura .mapa .nota-m td > span{position:sticky;left:0;display:block;}
}
@media (max-width:760px){
  .lectura .lx-desliza{display:block;}
}
@media (max-width:600px){
  .lectura .lx-cta{padding:20px;}
  .lectura .lx-registro li{grid-template-columns:1fr;}
  .lectura .lx-empresa{padding-left:16px;}
}
details.prog .vis .grano{inset:-160px;}
details.prog .vis .leyenda{top:14px;bottom:auto;}
/* ── los programas en fila, sobre el papel y sin marco (programas.js); abajo, la ficha a todo el ancho ── */
.p-fila6{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(12px,1.6vw,28px);border-bottom:.5px solid var(--hair);}
.p-celda{position:relative;display:grid;gap:4px;align-content:start;text-align:left;padding:0 0 18px;cursor:pointer;color:inherit;}
.p-celda .lienzo-l{display:block;position:relative;aspect-ratio:4/3;margin-bottom:8px;}
.p-celda canvas{position:absolute;inset:0;width:100%;height:100%;}
.p-celda .tipo{font-size:12.5px;font-weight:500;color:var(--fg-3);font-variant-numeric:tabular-nums;}
.p-celda b{font-size:clamp(20px,1.7vw,27px);font-weight:300;letter-spacing:-.045em;line-height:1.05;color:var(--fg-3);transition:color var(--dur);}
.p-celda:hover b{color:var(--fg-2);}
.p-celda.on b{color:var(--fg);}
.p-celda:not(.on) .lienzo-l{opacity:.7;transition:opacity var(--dur) var(--ease);}
.p-celda:hover .lienzo-l{opacity:1;}
.p-celda .barra{position:absolute;left:0;right:0;bottom:-.5px;height:1.5px;overflow:hidden;}
.p-celda .barra i{position:absolute;inset:0;background:var(--tinta);transform:scaleX(0);transform-origin:left;}
.p-fichas{padding-top:clamp(28px,3vw,44px);}
/* la sección se fija bajo su título: al bajar pasan los seis programas y después la página sigue */
.p-tour{height:calc(var(--n) * 55svh + 100svh - var(--cab));}
.p-fijo{position:sticky;top:calc(var(--cab) + 12px);}
/* el título de la sección también queda fijo, más compacto para que quepa todo en la pantalla */
.p-fijo > .cab{margin-bottom:clamp(20px,2.4vw,36px);}
.p-fijo > .cab h2{font-size:clamp(28px,3vw,46px);}
@media (max-height:820px) and (min-width:801px){ .p-fijo > .cab .lead{display:none;} .p-fichas{padding-top:20px;} }
.programas{overflow:visible;padding-top:clamp(40px,4vw,64px);}
.p-celda.on .lienzo-l{opacity:1;}
.p-ficha{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gut);align-items:start;animation:abre .45s var(--ease);}
.p-ficha .p-cab{display:grid;gap:12px;}
.p-ficha h3{font-size:clamp(28px,2.8vw,44px);font-weight:300;letter-spacing:-.045em;line-height:1.06;max-width:18ch;}
.p-ficha .p-txt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px var(--gut);align-content:start;}
.p-ficha .p-txt > p{font-size:clamp(17px,1.3vw,19px);line-height:1.45;letter-spacing:-.02em;}
.p-ficha .cuando{display:grid;gap:8px;align-content:start;border-left:.5px solid var(--hair);padding-left:20px;}
.p-ficha .cuando p{font-size:15px;line-height:1.45;}
.p-ficha .enlace{justify-self:start;font-size:15px;grid-column:1;}
.p-pie{display:flex;justify-content:space-between;align-items:center;margin-top:28px;}
.p-pie .p-cuenta{font-size:13px;font-weight:500;color:var(--fg-3);font-variant-numeric:tabular-nums;}
.p-pie .p-cuenta b{color:var(--fg);font-weight:500;}
.p-pie .control{position:static;background:transparent;color:var(--fg-2);border-color:var(--hair);}
@media (max-width:1100px){ .p-ficha{grid-template-columns:1fr;} }
/* en el teléfono: la sección se fija y cada programa toma su turno al bajar */
@media (max-width:800px){
  .p-tour{height:calc(var(--n) * 120svh + 100svh - var(--cab));}
  .p-fijo{top:var(--cab);height:calc(100svh - var(--cab));display:flex;flex-direction:column;padding-block:10px 16px;overflow:hidden;}
  .p-fila6{display:block;border:0;}
  .p-celda:not(.on){display:none;}
  .p-celda{width:100%;pointer-events:none;padding-bottom:6px;}
  .p-celda .lienzo-l{opacity:1;}
  .p-celda .barra{display:none;}
  .p-fichas{padding-top:6px;}
  .p-ficha .p-txt{grid-template-columns:1fr;}
  .p-ficha .cuando{display:none;}
  .p-ficha h3{font-size:24px;}
  .p-ficha .p-cab .kick{display:none;}
  .p-pie{margin-top:12px;}
}
@media (prefers-reduced-motion:reduce){ .p-ficha{animation:none;} }
/* los retratos, en blanco y negro con vida: virados como el hero, sombras frías de ola y luces tibias de atardecer
   (el filtro #tono-vivo va en la página; RETRATOS_VIVOS en el armador) */
.retratos-vivos .perfil .mono-p .retrato-f{filter:url(#tono-vivo) contrast(1.04);}
/* la ola del hero sobre los casos: un solo frente que cruza todas las tarjetas y enciende sus luces (sitio.js, WebGL) */
.marco .ola-cv{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen;}
@media (prefers-reduced-motion:reduce){ .marco .ola-cv{display:none;} }
@media (max-width:800px){ .p-fijo > .cab{margin-bottom:10px;gap:8px;} .p-fijo > .cab .lead{display:none;} .p-fijo > .cab h2{font-size:24px;} }
/* menos carga: tres niveles (título, la fila con el activo encendido, la pregunta del activo) */
.p-celda:not(.on) .lienzo-l{opacity:.32;}
.p-celda:not(.on):hover .lienzo-l{opacity:.7;}
.p-celda:not(.on) .tipo{opacity:.7;}
.p-ficha{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:end;}
.p-ficha h3{font-size:clamp(30px,3.2vw,50px);max-width:16ch;}
.p-ficha .p-txt{display:grid;grid-template-columns:1fr;gap:14px;}
.p-ficha .p-txt > p{max-width:46ch;color:var(--fg-3);}
.p-pie{justify-content:flex-end;margin-top:18px;}
.p-pie .control{min-height:30px;padding:0 12px;font-size:12px;}
/* equipo en miniatura: el nombre ocupa siempre dos líneas, así todos los cargos parten a la misma altura */
.perfil.mini > div{display:grid;gap:4px;align-content:start;}
.perfil.mini h3{min-height:2.4em;display:flex;align-items:flex-end;text-wrap:balance;}
.perfil.mini .cargo{margin-top:0;}
/* prosa centrada (Tokenomics y La Ola): la columna de lectura va al centro y las tablas y
   figuras se abren a ambos lados por igual. Cada bloque parte en el borde izquierdo de esa
   columna, aunque sea más angosto: así nada queda descentrado respecto del resto */
.lectura .lx > .w > *{margin-left:max(0px, calc((100% - var(--medida)) / 2));margin-right:auto;}
.lectura .lx > .w > .ancho{margin-inline:0;}
.lectura .lx-fig figcaption{margin-left:max(0px, calc((100% - var(--medida)) / 2));margin-right:auto;}
/* lo que es más angosto que la columna (subtítulos, avisos) parte en su mismo borde izquierdo */
.lectura .lx > .w > h3{max-width:var(--medida);}
.lectura .lx > .w > h3 > *{max-width:34ch;}
/* la ficha en pantallas angostas: una columna, la pregunta y debajo su línea */
@media (max-width:1100px){ .p-ficha{grid-template-columns:1fr;align-items:start;gap:14px;} .p-ficha h3{max-width:22ch;} }
@media (max-width:800px){
  .p-ficha{gap:10px;}
  .p-ficha h3{font-size:26px;line-height:1.1;max-width:none;}
  .p-ficha .p-txt > p{font-size:16px;line-height:1.45;color:var(--fg-2);max-width:none;}
  .p-pie{margin-top:12px;}
}
/* la ficha, también en escritorio: la pregunta y justo debajo su línea, en una sola columna */
.p-ficha{grid-template-columns:1fr;align-items:start;gap:14px;}
.p-ficha h3{max-width:24ch;}
.p-ficha .p-txt > p{max-width:62ch;}
/* ── móvil: el hero ocupa la pantalla vertical entera, las cajas blancas no se quedan fijas
   encima del texto y el índice de Tokenomics es una sola fila que se desliza ── */
@media (orientation:portrait) and (max-width:900px){ .ciudad-hero{height:100svh;min-height:560px;max-height:none;} }
@media (max-width:900px){
  .sel-out,.calc .resultado{position:static;}
  .indice{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
  .indice::-webkit-scrollbar{display:none;}
  .indice .pildora{flex:none;}
}
/* el avance de cada programa: solo en el teléfono, a todo el ancho bajo el programa, con «03 de 06» al lado.
   Cada programa tiene ~120svh de scroll, para que un deslizón no se salte ninguno */
.p-avance{display:none;}
@media (max-width:800px){
  .p-avance{display:flex;align-items:center;gap:12px;margin:2px 0 4px;}
  .p-avance-barra{flex:1;position:relative;height:1.5px;background:var(--hair);overflow:hidden;}
  .p-avance-barra i{position:absolute;inset:0;background:var(--tinta);transform:scaleX(0);transform-origin:left;}
  .p-avance .p-cuenta{flex:none;font-size:13px;font-weight:500;color:var(--fg-3);font-variant-numeric:tabular-nums;white-space:nowrap;}
  .p-avance .p-cuenta b{color:var(--fg);font-weight:500;}
}
/* el hero en un teléfono vertical: la banda en el 62 % de abajo, con menos zoom (igual que el lienzo, que
   calcula lo mismo en ciudad.js); arriba, el cielo oscuro para el texto; y un grano más suave */
@media (orientation:portrait) and (max-width:900px){
  .ciudad-hero .respaldo{top:auto;bottom:0;height:62%;object-position:50% 50%;}
  .ciudad-hero .grano{opacity:.5;}
}
/* casos: Safari pierde el borde redondeado cuando el video o el lienzo de la ola llevan mezcla; la máscara lo fuerza */
.marco{-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(white,black);transform:translateZ(0);}
/* programas en el teléfono: los seis quedan apilados en el mismo lugar y se cambian con un fundido corto,
   sin aparecer y desaparecer (eso movía el diseño y parpadeaba al bajar) */
@media (max-width:800px){
  .p-fila6{display:grid;grid-template-columns:minmax(0,1fr);}
  .p-celda,.p-celda:not(.on){display:grid;grid-area:1 / 1;width:100%;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s linear .35s;}
  .p-celda.on{opacity:1;visibility:visible;transition:opacity .35s var(--ease),visibility 0s;}
  .p-fichas{display:grid;grid-template-columns:minmax(0,1fr);}
  .p-ficha,.p-ficha[hidden]{display:grid !important;grid-area:1 / 1;align-content:start;animation:none;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s linear .35s;}
  .p-ficha:not([hidden]){opacity:1;visibility:visible;transition:opacity .35s var(--ease),visibility 0s;}
  .p-pie{grid-area:2 / 1;}
}
@media (max-width:800px) and (prefers-reduced-motion:reduce){ .p-celda,.p-ficha{transition:none !important;} }