/* Concepto: la página es una vuelta al circuito. Cada sector es una escena fija
   que avanza con el scroll y desemboca en la siguiente. */
:root{
  color-scheme:dark;
  --ink:#08090D; --ink2:#0F131D; --ink3:#151A27;
  --line:rgba(242,244,248,.12);
  --blue:#1F5BFF; --blue2:#3A75FF; --bluel:#8AA8FF;
  --ice:#F2F4F8; --mut:#A3ACBF;
  --disp:'Orbitron','Arial Black',sans-serif;
  --text:'Montserrat',Arial,sans-serif;
  --gx:max(20px, 5.5vw);
  --skew:-14deg;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink)}
body{background:var(--ink);color:var(--ice);font-family:var(--text);font-weight:600;font-style:italic;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--blue);color:var(--ice)}
:focus-visible{outline:2px solid var(--bluel);outline-offset:4px}
.num{font-variant-numeric:tabular-nums}

/* ---------- tipografía base ---------- */
.label{font-family:var(--disp);font-style:normal;font-weight:700;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--bluel);margin-bottom:18px;display:flex;align-items:center;gap:14px}
.label::before{content:"";width:34px;height:3px;background:var(--blue);transform:skewX(-40deg)}
.kicker{font-family:var(--disp);font-style:normal;font-weight:700;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--mut)}
.statement{font-size:clamp(22px,2.5vw,38px);font-weight:800;line-height:1.22;letter-spacing:-.01em;text-wrap:balance}
.body{font-size:clamp(15px,1.15vw,18px);color:#CBD2DF;max-width:46ch}
.fine{font-size:12px;font-weight:500;color:var(--mut);max-width:60ch}
.chrome{font-family:var(--disp);font-style:normal;font-weight:900;font-size:clamp(46px,7.4vw,124px);line-height:.98;background:linear-gradient(180deg,#FFFFFF 0%,#D7DCE6 46%,#717C96 52%,#EEF1F6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:skewX(var(--skew));transform-origin:left bottom}
.outline{font-family:var(--disp);font-style:normal;font-weight:900;font-size:clamp(56px,9vw,150px);line-height:1;color:transparent;-webkit-text-stroke:2px var(--ice);transform:skewX(var(--skew));transform-origin:left bottom}

/* ---------- menú de vidrio ---------- */
.pill{position:fixed;z-index:60;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px 7px 7px 18px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.04),0 12px 40px rgba(0,0,0,.35);
  -webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);max-width:calc(100vw - 32px)}
.pill__logo{flex:none;display:flex;flex-direction:column;line-height:1.05;font-family:var(--disp);font-style:normal;font-weight:900;margin-right:14px}
.pill__l1{font-size:12px;transform:skewX(var(--skew));margin-left:8px}
.pill__l2{font-size:13px;background:var(--blue);padding:0 10px;transform:skewX(-20deg)}
.pill__nav{display:flex;gap:2px}
.pill__nav a{white-space:nowrap;font-family:var(--disp);font-style:normal;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:11px 14px;border-radius:999px;color:#D9DEE8;transition:background .25s,color .25s}
.pill__nav a:hover{background:rgba(255,255,255,.08)}
.pill__nav a.is-on{background:rgba(255,255,255,.16);color:var(--ice);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.pill__cta{white-space:nowrap;font-family:var(--disp);font-style:normal;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:11px 18px;border-radius:999px;background:var(--blue);margin-left:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3);transition:background .25s}
.pill__cta:hover{background:var(--blue2)}
.pill__menu{display:none;width:40px;height:40px;border-radius:50%;position:relative;background:rgba(255,255,255,.1)}
.pill__menu i{position:absolute;left:12px;right:12px;height:2px;background:var(--ice);transition:transform .3s,top .3s}
.pill__menu i:first-child{top:16px}.pill__menu i:last-child{top:23px}
.pill__menu[aria-expanded="true"] i:first-child{top:19px;transform:rotate(45deg)}
.pill__menu[aria-expanded="true"] i:last-child{top:19px;transform:rotate(-45deg)}
.sheet{position:fixed;z-index:55;top:calc(env(safe-area-inset-top,0px) + 76px);left:16px;right:16px;display:flex;flex-direction:column;padding:10px;border-radius:26px;
  background:linear-gradient(180deg,rgba(30,36,52,.72),rgba(15,19,29,.82));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 20px 60px rgba(0,0,0,.5);
  -webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6)}
.sheet[hidden]{display:none}
.sheet a{font-family:var(--disp);font-style:normal;font-weight:800;font-size:18px;text-transform:uppercase;padding:16px 18px;border-radius:18px}
.sheet a:active{background:rgba(255,255,255,.08)}
.sheet__cta{background:var(--blue);margin-top:6px;text-align:center}

/* ---------- telemetría lateral ---------- */
.rail{position:fixed;z-index:50;right:calc(env(safe-area-inset-right,0px) + 22px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--disp);font-style:normal;mix-blend-mode:difference}
.rail__k{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#C9CED8;writing-mode:vertical-rl;transform:rotate(180deg)}
.rail__n{font-size:20px;font-weight:900;color:var(--ice)}
.rail__bar{width:3px;height:120px;background:rgba(242,244,248,.25);position:relative}
.rail__bar i{position:absolute;left:0;top:0;width:100%;height:0;background:var(--ice)}

/* ---------- escenas ---------- */
.scene{position:relative}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate}
.stage > *{position:absolute}
.stage img{width:100%;height:100%;object-fit:cover}

/* S1 · Largada */
.s1__photo{inset:0;z-index:-2;clip-path:polygon(56% 10%,96% 10%,86% 90%,46% 90%)}
.s1__photo img{object-position:50% 22%;filter:saturate(.82) contrast(1.04)}
.s1__shade{position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(8,9,13,.92) 0%,rgba(8,9,13,.62) 42%,rgba(8,9,13,.1) 75%),linear-gradient(0deg,rgba(8,9,13,.85),rgba(8,9,13,0) 40%)}
.s1__copy{left:var(--gx);top:50%;transform:translateY(-54%);max-width:min(760px,60vw)}
.logo{position:relative;display:flex;flex-direction:column;align-items:flex-start;font-family:var(--disp);font-style:normal;font-weight:900;line-height:1;margin:46px 0 22px}
.logo__bar{position:absolute;right:-6%;top:-.3em;width:70%;height:.1em;background:linear-gradient(90deg,var(--blue),#8FB0FF);transform:skewX(-45deg);font-size:clamp(60px,8.6vw,140px)}
.logo__a{font-size:clamp(48px,6.9vw,112px);transform:skewX(var(--skew));margin-left:.5em;color:var(--ice);text-shadow:3px 0 0 var(--ink),-3px 0 0 var(--ink),0 3px 0 var(--ink),0 -3px 0 var(--ink),6px 6px 0 var(--blue)}
.logo__b{position:relative;display:block;font-size:clamp(54px,7.7vw,126px);padding:.04em .32em .08em .18em;margin-top:.04em}
.logo__b::before{content:"";position:absolute;inset:0 -.1em 0 -.24em;background:var(--ink);border:2px solid var(--ice);transform:skewX(-20deg)}
.logo__b span{position:relative;display:block;color:var(--blue2);-webkit-text-stroke:1.5px var(--ice);transform:skewX(var(--skew))}
.s1__sub{font-family:var(--disp);font-style:normal;font-weight:700;font-size:clamp(13px,1.2vw,17px);letter-spacing:.16em;text-transform:uppercase;color:#D3D8E3}
.s1__meta{left:var(--gx);bottom:calc(env(safe-area-inset-bottom,0px) + 34px);display:flex;gap:0}
.s1__meta div{display:flex;flex-direction:column;gap:4px;padding:0 30px 0 0;margin-right:30px;border-right:1px solid var(--line)}
.s1__meta div:last-child{border:0}
.s1__meta span{font-family:var(--disp);font-style:normal;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}
.s1__meta b{font-family:var(--disp);font-style:normal;font-weight:800;font-size:clamp(15px,1.4vw,20px);text-transform:uppercase}
.scrollcue{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 36px);transform:translateX(-50%);font-family:var(--disp);font-style:normal;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--mut);display:flex;flex-direction:column;align-items:center;gap:10px}
.scrollcue::after{content:"";width:1px;height:38px;background:linear-gradient(var(--ice),transparent)}
.s1__fn{right:calc(var(--gx) + 30px);bottom:calc(env(safe-area-inset-bottom,0px) + 34px);width:auto!important;height:42px!important}
.sweep{inset:0 -40vw;background:var(--blue);transform:translateX(120%) skewX(var(--skew));z-index:5}

/* S2 · Piloto */
.s2__blue{inset:0;background:var(--blue);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:1}
.ficha{position:absolute;left:var(--gx);top:calc(env(safe-area-inset-top,0px) + 108px);display:flex;flex-direction:column;gap:6px;opacity:0}
.ficha div{display:flex;align-items:baseline;gap:18px;font-family:var(--disp);font-style:normal;text-transform:uppercase}
.ficha dt{width:7.2em;font-size:11px;letter-spacing:.2em;color:#CFDBFF;font-weight:600}
.ficha dd{font-weight:800;font-size:clamp(16px,1.6vw,23px);transform:skewX(var(--skew))}
.s2__photo{right:calc(var(--gx) + 40px);top:16vh;width:min(30vw,440px);height:72vh;clip-path:inset(100% 0 0 0);z-index:2}
.s2__photo img{filter:grayscale(1) contrast(1.08);object-position:50% 30%}
.s2__photo::after{content:"";position:absolute;left:-14px;top:-14px;width:60%;height:6px;background:var(--ice);transform:skewX(-40deg);transform-origin:left}
.s2__text{left:var(--gx);top:44vh;width:min(50vw,720px);z-index:2;opacity:0}
.s2__text .statement{margin-bottom:22px}
.w{opacity:.16;transition:opacity .15s linear}
.w.on{opacity:1}
#s2Body{opacity:0}
.s2__kart{inset:0;z-index:4;clip-path:polygon(100% 100%,100% 100%,100% 100%,100% 100%)}
.s2__kart img{object-position:50% 58%}

/* S3 · Del kart al Fórmula */
.s3__kart{inset:0;z-index:-2}
.s3__kart img{object-position:50% 58%}
.s3__kcopy{left:var(--gx);bottom:calc(env(safe-area-inset-bottom,0px) + 9vh);max-width:560px;z-index:1;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.s3__kcopy .body{color:var(--ice)}
.s3__kcopy .outline{margin:6px 0 14px}
.s3__f1{inset:0;z-index:2;clip-path:polygon(120% 0,140% 0,140% 100%,100% 100%)}
.s3__f1 img{object-position:50% 62%}
.s3__f1shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,13,.86) 0%,rgba(8,9,13,.35) 50%,rgba(8,9,13,.55) 100%),linear-gradient(0deg,rgba(8,9,13,.7),rgba(8,9,13,0) 45%)}
.s3__edge{top:-5%;bottom:-5%;width:14px;left:120%;background:var(--blue);transform:skewX(-12deg);z-index:3;box-shadow:0 0 0 4px rgba(242,244,248,.9)}
.s3__fcopy{left:var(--gx);top:calc(env(safe-area-inset-top,0px) + 120px);z-index:4;opacity:0}
.s3__data{right:var(--gx);bottom:calc(env(safe-area-inset-bottom,0px) + 8vh);width:min(440px,40vw);z-index:4;opacity:0;padding:28px;border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 30px 60px rgba(0,0,0,.35);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}
.laps{display:flex;align-items:flex-end;gap:16px;margin-bottom:18px}
.laps .num{font-family:var(--disp);font-style:normal;font-weight:900;font-size:clamp(70px,7vw,112px);line-height:.82;color:var(--ice);transform:skewX(var(--skew));min-width:1.25em}
.laps p{font-family:var(--disp);font-style:normal;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}
.laps small{display:block;font-family:var(--text);font-style:italic;font-weight:600;font-size:13px;letter-spacing:0;text-transform:none;color:var(--mut)}
.datebar{display:flex;justify-content:space-between;gap:12px;background:var(--blue);padding:10px 18px;margin:0 0 16px;transform:skewX(-8deg);font-family:var(--disp);font-style:normal;font-weight:800;font-size:15px;text-transform:uppercase}
.link{display:inline-block;margin-top:16px;font-family:var(--disp);font-style:normal;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-bottom:2px solid var(--blue);padding-bottom:4px}
.link:hover{color:var(--bluel)}
.fadeout{inset:0;background:#06070B;opacity:0;z-index:8;pointer-events:none}

/* S4 · Programa */
.s4{background:#06070B}
.map{inset:0;opacity:.9;background:
  radial-gradient(ellipse at 70% 40%,rgba(31,91,255,.10),transparent 60%),
  repeating-linear-gradient(21deg,transparent 0 140px,rgba(255,255,255,.045) 140px 141px),
  repeating-linear-gradient(-67deg,transparent 0 210px,rgba(255,255,255,.045) 210px 211px),
  repeating-linear-gradient(8deg,transparent 0 330px,rgba(255,255,255,.07) 330px 333px)}
.s4__head{left:var(--gx);top:calc(env(safe-area-inset-top,0px) + 110px);max-width:520px;z-index:3}
.s4__n{font-family:var(--disp);font-style:normal;font-weight:900;font-size:clamp(46px,6vw,96px);line-height:1;transform:skewX(var(--skew));transform-origin:left bottom;margin:4px 0 16px}
.s4__n b{color:var(--blue2)}
.route{inset:0;width:100%;height:100%;z-index:1}
.route path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.route__ghost{stroke:rgba(255,255,255,.08);stroke-width:2;stroke-dasharray:2 10}
.route__line{stroke:var(--blue);stroke-width:5;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 10px rgba(31,91,255,.6))}
.fecha{z-index:3;opacity:0;padding:20px 26px 22px;width:min(340px,80vw)}
.fecha::before{content:"";position:absolute;inset:0;transform:skewX(-8deg);z-index:-1}
.fecha--a::before{background:var(--ice);box-shadow:10px 10px 0 var(--blue)}
.fecha--b::before{background:rgba(15,19,29,.92);border:1.5px solid var(--blue)}
.fecha--a{color:var(--ink)}
.fecha__k{font-family:var(--disp);font-style:normal;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
.fecha--a .fecha__k{color:var(--blue)}
.fecha--b .fecha__k{color:var(--bluel)}
.fecha__d{font-family:var(--disp);font-style:normal;font-weight:900;font-size:clamp(30px,3vw,46px);line-height:1;white-space:nowrap}
.fecha--b .fecha__d{color:var(--blue2)}
.fecha__p{font-family:var(--disp);font-style:normal;font-weight:800;font-size:clamp(16px,1.6vw,22px);text-transform:uppercase;margin-top:6px}
.fecha__s{font-size:14px;color:#3E4760}
.fecha__c{margin-top:12px;padding-top:10px;border-top:1px solid rgba(8,9,13,.15);font-size:13px;color:#3E4760}
.fecha__c b{font-family:var(--disp);font-style:normal;font-weight:800;color:var(--ink);font-size:15px}
.dot{z-index:2;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--ice);border:5px solid var(--blue);opacity:0}
.s4__fine{left:var(--gx);bottom:calc(env(safe-area-inset-bottom,0px) + 26px);z-index:3}

/* S5 · Espacios de marca */
.s5{background:var(--ink)}
.s5__head{left:var(--gx);top:calc(env(safe-area-inset-top,0px) + 104px);width:min(46vw,640px);z-index:3}
.s5__head .statement{font-size:clamp(20px,1.9vw,30px)}
.s5__view{left:var(--gx);top:34vh;width:min(58vw,calc(56vh * 2));aspect-ratio:2/1;overflow:hidden;border-top:5px solid var(--blue);background:var(--ink3)}
.s5__car{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}
.s5__car img{width:100%;height:100%;object-fit:cover}
.spot{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--blue);border:3px solid var(--ice);display:grid;place-items:center;font-family:var(--disp);font-style:normal;font-weight:900;font-size:14px;transform:scale(var(--inv,1));box-shadow:0 0 0 8px rgba(31,91,255,.25);transition:background .3s,color .3s}
.spot.is-on{background:var(--ice);color:var(--ink)}
.s5__list{right:calc(var(--gx) + 40px);top:36vh;width:min(24vw,340px);list-style:none;display:flex;flex-direction:column;gap:22px}
.s5__list li{display:grid;grid-template-columns:auto 1fr;column-gap:16px;opacity:.3;transition:opacity .35s}
.s5__list li.is-on{opacity:1}
.s5__list b{grid-row:span 2;font-family:var(--disp);font-style:normal;font-weight:900;font-size:40px;line-height:.9;color:var(--blue2);transform:skewX(var(--skew))}
.s5__list span{font-family:var(--disp);font-style:normal;font-weight:800;font-size:22px;text-transform:uppercase}
.s5__list em{font-size:14px;color:#CBD2DF}
.s5__piloto{right:calc(var(--gx) + 40px);top:30vh;width:min(24vw,340px);opacity:0;display:flex;flex-direction:column;gap:20px}
.s5__piloto img{height:30vh;object-position:50% 25%}
.band{display:inline-block;background:var(--blue);font-family:var(--disp);font-style:normal;font-weight:900;font-size:18px;text-transform:uppercase;padding:7px 20px;transform:skewX(var(--skew));margin-bottom:14px}
.s5__piloto .fine{margin-top:12px}

/* S7 · Propuesta */
.propuesta{position:relative;padding:22vh var(--gx) 18vh;background:var(--ink2)}
.propuesta__head{max-width:820px;margin-bottom:9vh}
.tiers{display:flex;flex-direction:column;gap:5vh}
.tier{position:sticky;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:30px;min-height:min(46vh,420px);padding:clamp(26px,4vw,56px);border-radius:28px;overflow:hidden;
  border:1px solid rgba(255,255,255,.12);box-shadow:0 -20px 60px rgba(0,0,0,.35)}
.tier--1{top:14vh;background:linear-gradient(135deg,#2A66FF 0%,#1446D6 100%)}
.tier--2{top:calc(14vh + 26px);background:linear-gradient(135deg,#1B2133 0%,#121726 100%)}
.tier--3{top:calc(14vh + 52px);background:linear-gradient(135deg,#F2F4F8 0%,#D9DEE8 100%);color:var(--ink)}
.tier h3{font-family:var(--disp);font-style:normal;font-weight:900;font-size:clamp(34px,5.4vw,84px);line-height:1;text-transform:uppercase;transform:skewX(var(--skew));transform-origin:left bottom;margin-bottom:14px}
.tier p{max-width:44ch;font-size:clamp(15px,1.3vw,19px)}
.tier--2 p{color:#CBD2DF}
.tier__n{grid-column:2;grid-row:1 / span 2;align-self:start;font-family:var(--disp);font-style:normal;font-weight:900;font-size:clamp(70px,10vw,170px);line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(242,244,248,.55);transform:skewX(var(--skew))}
.tier--3 .tier__n{-webkit-text-stroke-color:rgba(8,9,13,.35)}
.tier--2 .tier__n{-webkit-text-stroke-color:var(--blue2)}
.tier h3,.tier p{grid-column:1}
.modes{margin-top:10vh}
.modes p:first-child{font-family:var(--disp);font-style:normal;font-weight:900;font-size:clamp(26px,3.6vw,54px);text-transform:uppercase;transform:skewX(var(--skew));transform-origin:left bottom;margin-bottom:12px}
.modes i{font-style:normal;color:var(--blue2);margin:0 .25em}

/* S8 · Meta */
.s8{background:var(--ink)}
.flag{inset:-10% -20%;display:grid;grid-template-columns:repeat(16,1fr);grid-auto-rows:1fr;transform:skewX(-24deg)}
.flag i{background:var(--ice);opacity:0}
.flag i.k{background:transparent}
.s8__copy{left:0;top:0;bottom:0;width:min(62vw,940px);padding:calc(env(safe-area-inset-top,0px) + 110px) 5vw 8vh var(--gx);display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 72%,rgba(8,9,13,0) 100%);opacity:0}
.s8__title{font-family:var(--disp);font-style:normal;font-weight:900;font-size:clamp(34px,min(5vw,8.4vh),84px);line-height:1.02;text-transform:uppercase;transform:skewX(var(--skew));transform-origin:left bottom;margin-bottom:26px;text-wrap:balance}
.s8__title span{color:var(--blue2)}
.s8__copy .statement{font-size:clamp(18px,1.7vw,26px);margin-bottom:30px;max-width:30ch}
.s8__copy .s8__hook{max-width:38ch}
@media (min-width:901px) and (max-height:800px){.s8__copy{padding-top:96px;padding-bottom:4vh}.s8__title{margin-bottom:18px}.s8__copy .statement{margin-bottom:20px}.crow{padding:12px 6px}}
.s8__hook b{font-weight:800;color:var(--blue2)}
.contact{max-width:560px}
.contact__h{font-family:var(--disp);font-style:normal;font-weight:900;font-size:clamp(18px,1.6vw,24px);letter-spacing:.04em;text-transform:uppercase;transform:skewX(var(--skew));transform-origin:left bottom;margin-bottom:14px}
.contact__list{border-top:1px solid var(--line)}
.crow{display:grid;grid-template-columns:118px 1fr auto;align-items:center;gap:16px;padding:16px 6px;border-bottom:1px solid var(--line);transition:background .25s}
.crow:hover{background:rgba(255,255,255,.05)}
.crow__k{font-family:var(--disp);font-style:normal;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bluel)}
.crow__v{font-size:clamp(15px,1.25vw,19px);font-weight:700;overflow-wrap:anywhere}
.crow__a{font-style:normal;color:var(--blue2);transition:transform .25s}
.crow:hover .crow__a{transform:translate(3px,-3px)}
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-style:normal;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:16px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.2);
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.25);transition:background .25s}
.btn:hover{background:rgba(255,255,255,.2)}
.btn--blue{background:var(--blue);border-color:rgba(255,255,255,.25)}
.btn--blue:hover{background:var(--blue2)}
.pending{font-size:14px;color:var(--mut);border:1px dashed rgba(242,244,248,.3);border-radius:14px;padding:14px 18px}

/* ---------- pie ---------- */
.foot{display:flex;align-items:center;flex-wrap:wrap;gap:24px 36px;padding:36px var(--gx) calc(env(safe-area-inset-bottom,0px) + 36px);border-top:1px solid var(--line);background:var(--ink)}
.foot__logo{display:flex;flex-direction:column;line-height:1.05;font-family:var(--disp);font-style:normal;font-weight:900}
.foot p{font-size:13px;color:var(--mut)}
.foot img{height:36px;width:auto;margin-left:auto}

/* ---------- celular ---------- */
@media (max-width: 900px){
  .pill{left:16px;right:16px;transform:none;justify-content:space-between;padding-left:16px}
  .pill__nav,.pill__cta{display:none}
  .pill__menu{display:block}
  .rail{display:none}
  .s1__photo{clip-path:polygon(34% 10%,96% 10%,88% 48%,26% 48%)}
  .s1__photo img{object-position:56% 20%}
  .s1__shade{background:linear-gradient(0deg,rgba(8,9,13,.95) 0%,rgba(8,9,13,.75) 38%,rgba(8,9,13,.15) 70%,rgba(8,9,13,.55) 100%)}
  .s1__copy{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 128px);transform:none;max-width:none;right:var(--gx)}
  .logo{margin:16px 0 14px}
  .s1__meta{bottom:calc(env(safe-area-inset-bottom,0px) + 28px);right:var(--gx)}
  .s1__meta div{padding-right:14px;margin-right:14px}
  .s1__meta div:nth-child(2){display:none}
  .scrollcue{display:none}
  .s1__fn{display:none}
  .ficha{top:calc(env(safe-area-inset-top,0px) + 88px)}
  .s2__photo{left:var(--gx);right:var(--gx);top:calc(env(safe-area-inset-top,0px) + 36vh);width:auto;height:24vh}
  .s2__photo::after{display:none}
  .s2__text{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 6vh);width:auto;right:var(--gx)}
  .s2__text .statement{font-size:21px;margin-bottom:14px}
  .s2__text .label{display:none}
  .s3__fcopy{top:calc(env(safe-area-inset-top,0px) + 96px)}
  .s3__data{left:var(--gx);right:var(--gx);width:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);padding:20px}
  .laps .num{font-size:64px}
  .s3__data .body{font-size:14px}
  .s4__head{top:calc(env(safe-area-inset-top,0px) + 92px);right:var(--gx)}
  .s4__fine{display:none}
  .fecha{width:min(270px,72vw);padding:16px 20px 18px}
  .s5__head{top:calc(env(safe-area-inset-top,0px) + 88px);width:auto;right:var(--gx)}
  .s5__head .statement{font-size:18px}
  .s5__head .label{margin-bottom:10px}
  .s5__view{left:0;right:0;width:100%;top:calc(env(safe-area-inset-top,0px) + 34vh)}
  .s5__list,.s5__piloto{left:var(--gx);right:var(--gx);width:auto;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 4vh)}
  .s5__list{gap:10px}
  .s5__list li{grid-template-columns:auto 1fr}
  .s5__list b{font-size:28px}
  .s5__list span{font-size:17px}
  .s5__list em{font-size:13px}
  .s5__piloto{flex-direction:row;align-items:center;gap:16px}
  .s5__piloto img{width:38%;height:24vh;flex:none}
  .s5__piloto .body{font-size:14px}
  .tier{min-height:auto;border-radius:22px}
  .tier--1{top:12vh}.tier--2{top:calc(12vh + 18px)}.tier--3{top:calc(12vh + 36px)}
  .tier__n{position:absolute;right:16px;top:16px;font-size:38px}
  .tier h3{padding-right:54px;font-size:clamp(22px,6.2vw,30px)}
  .tier p{padding-right:44px}
  .flag{grid-template-columns:repeat(9,1fr)}
  .s8__copy{width:100%;right:0;background:linear-gradient(0deg,var(--ink) 0%,var(--ink) 58%,rgba(8,9,13,.6) 82%,rgba(8,9,13,0) 100%);justify-content:flex-end;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8vh)}
  .crow{grid-template-columns:92px 1fr auto;gap:12px;padding:14px 4px}
  .s8__copy .statement{margin-bottom:22px}
  .foot img{margin-left:0}
}