/* ═══════════════════════════════════════════════════════════
   DJL · v3 — cobalto eléctrico · lima ácido · crema
   Referencias Inspo: Lusion (objetos 3D), Leonardo.ai (tipografía deformada),
   Agentcard (azul eléctrico + pixel), Slush (pegatinas), Hardware Operations (mono)
   ═══════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --ink:#06061a; --ink2:#0b0c2b; --cobalt:#1328c7; --blue:#2d46ff;
  --lime:#d2f21f; --cream:#f4ecdf; --coral:#ff5a36;
  --mut:rgba(244,236,223,.66); --dim:rgba(244,236,223,.38); --line:rgba(244,236,223,.16);
  --disp:'Archivo','Arial Narrow',Impact,sans-serif;
  --mono:'Geist Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  --pix:'Silkscreen','Courier New',monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
  --pad:clamp(20px,4vw,56px);
}
html{scroll-behavior:auto;}
body{
  font-family:var(--disp);font-variation-settings:'wdth' 100;
  background:var(--ink);color:var(--cream);line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
body.lock{overflow:hidden;}
main{overflow-x:clip;position:relative;z-index:2;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font:inherit;color:inherit;}
::selection{background:var(--lime);color:var(--ink);}
.mono{font-family:var(--mono);font-variation-settings:normal;}
.pix{font-family:var(--pix);}
.wrap{max-width:1360px;margin:0 auto;padding-inline:var(--pad);}
.sec{position:relative;padding-block:clamp(90px,12vw,170px);}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:6px;}
.skip{position:absolute;top:-100px;left:16px;z-index:10010;background:var(--lime);color:var(--ink);padding:12px 18px;border-radius:40px;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;transition:top .2s;}
.skip:focus{top:16px;}

/* ── CAPAS FIJAS ── */
#gl{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
.blobs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.blobs i{position:absolute;border-radius:50%;filter:blur(110px);opacity:.55;}
.blobs i:nth-child(1){width:60vw;height:60vw;left:-18vw;top:-20vw;background:var(--cobalt);}
.blobs i:nth-child(2){width:42vw;height:42vw;right:-14vw;bottom:-16vw;background:#4a1fd1;opacity:.4;}
.no-gl .blobs i{opacity:.8;}
.grain{position:fixed;inset:0;z-index:9000;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
#prog{position:fixed;top:0;left:0;height:3px;width:0;z-index:9500;background:var(--lime);}

/* ── CURSOR ── */
.cur{position:fixed;left:0;top:0;z-index:9800;pointer-events:none;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;
  background:var(--lime);mix-blend-mode:difference;display:none;align-items:center;justify-content:center;
  transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),background .3s;}
.cur span{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;color:var(--ink);opacity:0;transition:opacity .2s;white-space:nowrap;font-weight:700;}
.has-cur .cur{display:flex;}
.cur.hov{width:76px;height:76px;margin:-38px 0 0 -38px;}
.cur.hov span{opacity:1;}
.cur.dn{transform:scale(.8);}

/* ── LOADER ── */
#load{position:fixed;inset:0;z-index:9990;pointer-events:all;}
.ld-panel{position:absolute;left:0;right:0;height:50.5%;background:var(--cobalt);transition:transform 1s var(--ease);}
.ld-top{top:0;} .ld-bot{bottom:0;background:var(--ink);}
.ld-core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .4s;}
.ld-n{font-family:var(--pix);font-size:clamp(4.5rem,18vw,12rem);line-height:1;color:var(--lime);letter-spacing:.02em;}
.ld-n i{font-style:normal;font-size:.4em;margin-left:.1em;color:var(--cream);}
.ld-t{font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cream);opacity:.8;text-align:center;padding-inline:20px;}
.ld-bar{width:min(320px,70vw);height:3px;background:rgba(244,236,223,.25);}
.ld-bar b{display:block;height:100%;width:0;background:var(--lime);}
#load.out .ld-core{opacity:0;}
#load.out .ld-top{transform:translateY(-101%);} #load.out .ld-bot{transform:translateY(101%);}
#load.gone{display:none;}

/* ── CABECERA ── */
.top{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:18px var(--pad);pointer-events:none;}
.top > *{pointer-events:auto;}
.logo{display:flex;align-items:center;gap:6px;font-family:var(--disp);font-weight:900;font-size:1.7rem;letter-spacing:-.02em;font-variation-settings:'wdth' 75;mix-blend-mode:difference;color:#fff;line-height:1;}
.logo-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);display:block;margin-top:10px;}
.top-r{display:flex;align-items:center;gap:10px;}
.burger{cursor:pointer;display:inline-flex;align-items:center;gap:12px;background:var(--cream);color:var(--ink);border:none;border-radius:60px;padding:12px 18px 12px 22px;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;transition:background .3s,transform .3s var(--ease);}
.burger:hover{background:var(--lime);transform:scale(1.04);}
.bl{display:flex;flex-direction:column;gap:5px;}
.bl i{display:block;width:20px;height:2px;background:var(--ink);transition:transform .45s var(--ease);}
.burger.op .bl i:nth-child(1){transform:translateY(3.5px) rotate(45deg);}
.burger.op .bl i:nth-child(2){transform:translateY(-3.5px) rotate(-45deg);}

/* ── PÍLDORAS ── */
.pill{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;
  padding:17px 28px;border-radius:60px;border:1.5px solid transparent;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;
  transition:color .35s,border-color .35s,transform .35s var(--ease);}
.pill::before{content:'';position:absolute;inset:0;z-index:-1;transform:translateY(101%);border-radius:50%/100%;transition:transform .5s var(--ease);}
.pill:hover::before{transform:translateY(0);border-radius:0;}
.pill-s{padding:12px 20px;font-size:.64rem;}
.pill-lime{background:var(--lime);color:var(--ink);} .pill-lime::before{background:var(--cream);}
.pill-line{border-color:var(--cream);color:var(--cream);background:transparent;} .pill-line::before{background:var(--cream);} .pill-line:hover{color:var(--ink);}
.pill-ink{background:var(--ink);color:var(--cream);} .pill-ink::before{background:var(--cobalt);}

/* ── MENÚ ── */
.menu{position:fixed;inset:0;z-index:90;background:var(--cobalt);display:flex;flex-direction:column;justify-content:center;padding:100px var(--pad) 40px;
  clip-path:circle(0 at calc(100% - 90px) 42px);transition:clip-path .85s var(--ease);visibility:hidden;}
.menu.op{clip-path:circle(150% at calc(100% - 90px) 42px);visibility:visible;}
.ml{display:flex;align-items:baseline;gap:22px;overflow:hidden;border-bottom:1px solid rgba(244,236,223,.2);padding:.12em 0;}
.ml:first-child{border-top:1px solid rgba(244,236,223,.2);}
.ml em{font-family:var(--mono);font-style:normal;font-size:.78rem;color:var(--lime);letter-spacing:.14em;}
.ml span{display:block;font-weight:900;font-size:clamp(3rem,10.5vw,9rem);line-height:1;text-transform:uppercase;letter-spacing:-.03em;font-variation-settings:'wdth' 70;
  transform:translateY(110%);transition:transform .8s var(--ease),font-variation-settings .5s var(--ease),color .3s;}
.menu.op .ml span{transform:none;}
.menu.op .ml:nth-child(2) span{transition-delay:.06s,0s,0s;}.menu.op .ml:nth-child(3) span{transition-delay:.12s,0s,0s;}
.menu.op .ml:nth-child(4) span{transition-delay:.18s,0s,0s;}.menu.op .ml:nth-child(5) span{transition-delay:.24s,0s,0s;}
.ml:hover span{font-variation-settings:'wdth' 92;color:var(--lime);}
.menu-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:34px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream);}
.menu-foot a{color:var(--lime);}

/* ── TIPOGRAFÍA DE SECCIÓN ── */
.lab{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-bottom:26px;display:flex;align-items:center;gap:14px;}
.lab b{font-weight:500;color:var(--ink);background:var(--lime);padding:5px 10px;border-radius:30px;letter-spacing:.1em;}
.big{font-weight:900;font-size:clamp(2.8rem,8.6vw,8.2rem);line-height:.88;letter-spacing:-.035em;text-transform:uppercase;font-variation-settings:'wdth' 82;color:var(--cream);}
.big em,.huge .o{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--lime);}
.huge{font-weight:900;font-size:clamp(3rem,10.4vw,10rem);line-height:.88;letter-spacing:-.035em;text-transform:uppercase;font-variation-settings:'wdth' 80;}
.huge span{display:inline-block;}

/* ═════════ HERO ═════════ */
#hero{position:relative;z-index:2;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:96px 0 70px;overflow-x:clip;}
.hero-in{width:100%;padding-inline:var(--pad);max-width:1480px;margin:0 auto;}
.hero-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-bottom:clamp(8px,2vh,22px);}
.hero-top b{font-weight:500;color:var(--lime);}
.hero-top .sep{color:var(--dim);}
.live{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(210,242,31,.6);animation:ping 2s ease-out infinite;}
@keyframes ping{70%,100%{box-shadow:0 0 0 12px rgba(210,242,31,0);}}
.hero-name{--wb:76;display:block;font-weight:900;text-transform:uppercase;line-height:.84;letter-spacing:-.04em;
  font-size:clamp(4rem,min(15.4vw,23.5vh),17rem);margin-left:-.04em;}
.hl{display:block;white-space:nowrap;}
.ch{display:inline-block;font-variation-settings:'wdth' var(--wb);will-change:font-variation-settings,transform;}
.hl1{color:var(--cream);}
.hl2{color:var(--lime);}
.hl3{color:transparent;-webkit-text-stroke:2px var(--cream);transition:color .5s;}
.hl3:hover{color:var(--cream);}
.hero-row{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(260px,1fr) auto;gap:clamp(18px,3vw,48px);align-items:end;margin-top:clamp(18px,3.4vh,40px);}
.role{font-size:clamp(.78rem,1.3vw,.98rem);letter-spacing:.14em;text-transform:uppercase;color:var(--lime);min-height:1.6em;}
.caret{display:inline-block;width:9px;height:1.05em;background:var(--lime);vertical-align:-3px;margin-left:4px;animation:blink .8s step-end infinite;}
@keyframes blink{50%{opacity:0;}}
.hero-desc{text-shadow:0 0 22px #06061a,0 0 8px #06061a;font-size:clamp(.98rem,1.25vw,1.12rem);color:var(--cream);opacity:.86;max-width:520px;line-height:1.55;font-variation-settings:'wdth' 100;font-weight:400;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
.sticker{position:absolute;z-index:3;right:clamp(16px,3.4vw,70px);top:clamp(120px,40vh,420px);width:clamp(120px,13vw,190px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.sticker svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 22s linear infinite;}
.sticker text{font-family:var(--mono);font-size:15px;letter-spacing:.06em;fill:var(--lime);font-weight:500;}
.sticker img{width:62%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:3px solid var(--lime);filter:grayscale(.2) contrast(1.08);transition:transform .5s var(--ease);}
.sticker:hover img{transform:scale(1.12) rotate(-6deg);}
@keyframes spin{to{transform:rotate(360deg);}}
.hero-foot{position:absolute;left:0;right:0;bottom:22px;z-index:3;display:flex;justify-content:space-between;align-items:center;padding-inline:var(--pad);
  font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);pointer-events:none;}
.hf-sc{display:flex;align-items:center;gap:10px;}
.hf-sc i{display:block;width:1px;height:34px;background:linear-gradient(var(--lime),transparent);animation:sl 2s ease-in-out infinite;}
@keyframes sl{0%{transform:scaleY(0);transform-origin:top;}50%{transform:scaleY(1);transform-origin:top;}51%{transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;}}

/* ═════════ BANDAS ═════════ */
.bands{position:relative;z-index:3;padding:clamp(40px,6vw,90px) 0;overflow:hidden;}
.band{width:112%;margin-left:-6%;overflow:hidden;white-space:nowrap;}
.band-t{display:flex;width:max-content;will-change:transform;}
.bg{display:flex;align-items:center;flex-shrink:0;}
.band span{font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-variation-settings:'wdth' 72;font-size:clamp(3rem,8.4vw,7.6rem);line-height:1.06;padding:0 .3em;}
.band i{font-style:normal;font-size:clamp(1.4rem,3.2vw,2.6rem);}
.b1{background:var(--lime);color:var(--ink);transform:rotate(-2.4deg);padding:6px 0;box-shadow:0 20px 60px rgba(0,0,0,.45);}
.b1 span.o{color:transparent;-webkit-text-stroke:2px var(--ink);}
.b2{background:var(--cobalt);color:var(--cream);transform:rotate(1.8deg);margin-top:-20px;padding:6px 0;}
.b2 span.o{color:transparent;-webkit-text-stroke:2px var(--cream);}
.b2 i{color:var(--lime);}

/* ═════════ PERFIL ═════════ */
.statement,.perfil-p p,.ct-intro,.trust-copy p{text-shadow:0 0 28px rgba(6,6,26,.95),0 0 10px rgba(6,6,26,.8);}
.huge{text-shadow:0 0 44px rgba(6,6,26,.7);}
.statement{font-weight:800;font-size:clamp(1.9rem,5.4vw,5rem);line-height:1.04;letter-spacing:-.03em;font-variation-settings:'wdth' 88;max-width:21ch;max-width:min(100%,1180px);}
.statement .w{display:inline-block;opacity:.16;margin-right:.24em;}
.perfil-g{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,6vw,100px);margin-top:clamp(50px,8vw,110px);align-items:start;}
.perfil-p p{font-size:clamp(1rem,1.3vw,1.18rem);color:var(--mut);margin-bottom:18px;font-variation-settings:'wdth' 100;font-weight:400;}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.stat{padding:clamp(22px,2.6vw,36px);border-radius:26px;background:rgba(244,236,223,.05);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transition:transform .5s var(--ease),background .4s,border-color .4s;transform-style:preserve-3d;}
.stat:hover{background:var(--cobalt);border-color:var(--lime);}
.stat-n{display:block;font-family:var(--pix);font-size:clamp(2.8rem,5.6vw,5.2rem);line-height:1;color:var(--lime);}
.stat-l{display:block;margin-top:14px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);}

/* ═════════ ESPECIALIDADES (cartas apiladas) ═════════ */
.stack{margin-top:clamp(40px,6vw,80px);padding-bottom:6vh;}
.stk{position:sticky;top:calc(86px + var(--i)*22px);display:grid;grid-template-columns:minmax(120px,.34fr) 1fr;gap:clamp(18px,4vw,60px);align-items:center;
  min-height:min(64vh,520px);margin-bottom:clamp(40px,10vh,110px);padding:clamp(26px,4vw,64px);border-radius:clamp(26px,3.4vw,48px);transform-origin:50% 0;
  box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden;will-change:transform;}
.stk{--dim:0;}
.stk::after{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--ink);opacity:calc(var(--dim)*.45);pointer-events:none;z-index:5;}
.stk-n{font-size:clamp(6rem,17vw,16rem);line-height:.8;opacity:.9;letter-spacing:-.02em;align-self:start;}
.stk-ic{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;border:1.5px solid currentColor;}
.stk-ic svg{width:28px;height:28px;}
.stk-badge{display:inline-block;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;padding:7px 14px;border-radius:40px;border:1.5px solid currentColor;margin:0 0 18px 14px;vertical-align:top;}
.stk-t{font-weight:900;font-size:clamp(2rem,4.6vw,4.4rem);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;font-variation-settings:'wdth' 84;margin-bottom:18px;}
.stk-d{font-size:clamp(1rem,1.3vw,1.18rem);max-width:56ch;line-height:1.55;font-variation-settings:'wdth' 100;font-weight:400;opacity:.88;margin-bottom:24px;}
.tags{display:flex;flex-wrap:wrap;gap:8px;}
.tags span{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:40px;border:1.5px solid currentColor;}
.v-cobalt{background:var(--cobalt);color:var(--cream);} .v-cobalt .stk-n{color:var(--lime);}
.v-lime{background:var(--lime);color:var(--ink);} .v-lime .stk-n{color:var(--cobalt);}
.v-cream{background:var(--cream);color:var(--ink);} .v-cream .stk-n{color:var(--coral);}

/* ═════════ WEBS (scroll horizontal anclado) ═════════ */
#webs{position:relative;z-index:2;background:var(--cobalt);overflow:hidden;
  background-image:radial-gradient(60% 80% at 85% 10%,rgba(45,70,255,.9),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(6,6,26,.7),transparent 70%);}
.wp-pin{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,3.4vh,40px);padding:clamp(80px,12vh,120px) 0 clamp(60px,9vh,100px);}
.wp-head{width:100%;}
.wp-head .lab{margin-bottom:14px;}
.wp-head .big{font-size:clamp(2.6rem,6.6vw,6.2rem);}
.wp-head .big em{-webkit-text-stroke-color:var(--lime);}
.track{display:flex;gap:clamp(14px,2vw,28px);padding:0 var(--pad);width:max-content;will-change:transform;}
.wc{--tx:0deg;--ty:0deg;position:relative;flex:0 0 auto;width:min(82vw,430px);height:min(60vh,560px);border-radius:34px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
  padding:26px;transform:perspective(1100px) rotateX(var(--tx)) rotateY(var(--ty));transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s;
  box-shadow:0 24px 60px rgba(0,0,0,.4);isolation:isolate;}
.wc:hover{box-shadow:0 40px 90px rgba(0,0,0,.55);}
.wc::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.28),transparent 55%);opacity:0;transition:opacity .4s;mix-blend-mode:soft-light;}
.wc:hover::after{opacity:1;}
.wc-bg{position:absolute;inset:0;z-index:-1;
  background:radial-gradient(circle at calc(var(--a)*1%) calc(var(--b)*1%),var(--glow),transparent 46%),
             repeating-linear-gradient(calc(var(--r)*1deg),var(--rule) 0 2px,transparent 2px 16px);}
.wc > *{position:relative;transform:translateZ(30px);}
.wc-top{display:flex;justify-content:space-between;align-items:center;}
.wc-i{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;} .wc-i em{font-style:normal;opacity:.55;}
.wc-w{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:6px 12px;border-radius:40px;background:var(--ink);color:var(--lime);}
.wc-ic{font-size:clamp(5rem,9vw,7.6rem);line-height:1;align-self:flex-start;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35));transform:translateZ(70px);transition:transform .6s var(--ease);}
.wc:hover .wc-ic{transform:translateZ(110px) rotate(-8deg) scale(1.08);}
.wc-bot h3{font-weight:900;font-size:clamp(2.1rem,3.7vw,3.2rem);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;font-variation-settings:'wdth' 80;margin-bottom:10px;}
.wc-c{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin-bottom:10px;}
.wc-d{font-size:.92rem;line-height:1.45;opacity:.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-variation-settings:'wdth' 100;font-weight:400;margin-bottom:14px;}
.wc-g{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;}
.wc-g span{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:40px;border:1.2px solid currentColor;opacity:.85;}
.wc-go{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:11px 18px;border-radius:50px;background:currentColor;}
.wc-go b{font-weight:700;color:var(--wc-bg);mix-blend-mode:normal;}
.wc.c1{--wc-bg:var(--lime);background:var(--lime);color:var(--ink);--glow:rgba(255,255,255,.7);--rule:rgba(6,6,26,.07);}
.wc.c2{--wc-bg:var(--cream);background:var(--cream);color:var(--ink);--glow:rgba(45,70,255,.35);--rule:rgba(6,6,26,.06);}
.wc.c3{--wc-bg:var(--ink);background:var(--ink);color:var(--cream);--glow:rgba(45,70,255,.65);--rule:rgba(244,236,223,.06);}
.wc.c4{--wc-bg:var(--coral);background:var(--coral);color:var(--ink);--glow:rgba(255,236,160,.75);--rule:rgba(6,6,26,.08);}
.wc.c1 .wc-go{background:var(--ink);color:var(--lime);} .wc.c2 .wc-go{background:var(--ink);color:var(--cream);}
.wc.c3 .wc-go{background:var(--lime);color:var(--ink);} .wc.c4 .wc-go{background:var(--ink);color:var(--coral);}
.wc-go b{color:inherit;}
.wp-bar{display:flex;align-items:center;gap:18px;padding-inline:var(--pad);font-size:.7rem;letter-spacing:.2em;color:var(--cream);}
.wp-bar i{flex:1;height:3px;background:rgba(244,236,223,.25);position:relative;}
.wp-bar i b{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--lime);}
.wp-bar em{font-style:normal;color:var(--lime);margin-left:10px;display:none;}

/* ═════════ CONTACTO ═════════ */
.ct-intro{margin-top:26px;font-size:clamp(1.05rem,1.6vw,1.4rem);color:var(--mut);font-variation-settings:'wdth' 100;font-weight:400;}
.ct-big{margin-top:clamp(36px,6vw,70px);display:flex;flex-direction:column;align-items:flex-start;gap:26px;}
.ct-mail{display:inline-flex;align-items:center;gap:clamp(12px,2vw,28px);font-weight:900;text-transform:lowercase;font-size:clamp(2.2rem,9.2vw,9.6rem);line-height:.95;letter-spacing:-.04em;
  font-variation-settings:'wdth' 78;color:var(--lime);position:relative;padding-bottom:.08em;max-width:100%;overflow-wrap:anywhere;transition:font-variation-settings .6s var(--ease),color .3s;will-change:transform;}
.ct-mail:hover{font-variation-settings:'wdth' 118;color:var(--cream);}
.ct-mail .at{font-style:normal;color:var(--cream);}
.ct-mail svg{width:.5em;height:.5em;flex-shrink:0;transition:transform .5s var(--ease);}
.ct-mail:hover svg{transform:translate(8px,-8px);}
.ct-mail::after{content:'';position:absolute;left:0;right:0;bottom:0;height:.06em;background:currentColor;transform:scaleX(.12);transform-origin:0 50%;transition:transform .7s var(--ease);}
.ct-mail:hover::after{transform:scaleX(1);}
.ct-grid{margin-top:clamp(40px,6vw,80px);display:flex;flex-wrap:wrap;gap:12px;}
.ct-i{display:inline-flex;align-items:center;gap:14px;padding:12px 22px 12px 12px;border-radius:60px;border:1.5px solid var(--line);background:rgba(244,236,223,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:background .35s,color .35s,border-color .35s,transform .4s var(--ease);}
.ct-i:hover{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:translateY(-4px) rotate(-1.5deg);}
.ct-ic{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cobalt);color:var(--cream);flex-shrink:0;transition:background .3s;}
.ct-i:hover .ct-ic{background:var(--ink);color:var(--lime);}
.ct-ic svg{width:17px;height:17px;}
.ct-lb{font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;opacity:.6;}
.ct-vl{font-family:var(--mono);font-size:.82rem;letter-spacing:.02em;}

/* ═════════ CONFIANZA ═════════ */
.trust{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center;}
.trust-copy p{color:var(--mut);margin-top:22px;font-size:clamp(1rem,1.25vw,1.15rem);max-width:54ch;font-variation-settings:'wdth' 100;font-weight:400;}
.trust-copy .big{font-size:clamp(2.6rem,6.2vw,6rem);}
.trust-sign{font-family:var(--mono);color:var(--lime)!important;letter-spacing:.06em;font-size:.9rem!important;}
.trust-fig{position:relative;transform-style:preserve-3d;transition:transform .4s var(--ease);}
.duo{position:relative;border-radius:34px;overflow:hidden;background:var(--cobalt);box-shadow:0 40px 90px rgba(0,0,0,.5);}
.duo img{width:100%;height:auto;filter:grayscale(1) contrast(1.15) brightness(1.05);mix-blend-mode:screen;opacity:.95;}
.duo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(210,242,31,.35));mix-blend-mode:multiply;pointer-events:none;}
.tf-tag{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:10px;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;padding:10px 16px;border-radius:50px;background:var(--lime);color:var(--ink);transform:translateZ(60px);}
.tf-tag i{width:7px;height:7px;border-radius:50%;background:var(--ink);}
.tf-star{position:absolute;right:-18px;top:-26px;font-size:clamp(4rem,9vw,7rem);line-height:1;color:var(--lime);animation:spin 12s linear infinite;transform:translateZ(80px);}

/* ═════════ FOOTER ═════════ */
footer{position:relative;z-index:3;background:var(--cream);color:var(--ink);padding-top:clamp(40px,7vw,90px);overflow:hidden;}
.ft-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.ft-tag{font-weight:800;font-size:clamp(1.3rem,2.6vw,2.2rem);letter-spacing:-.02em;font-variation-settings:'wdth' 90;max-width:20ch;line-height:1.05;}
.ft-mono{font-weight:900;text-align:center;line-height:.8;letter-spacing:-.05em;font-size:clamp(9rem,41vw,38rem);font-variation-settings:'wdth' 100;margin:clamp(20px,4vw,50px) 0 0;color:var(--cobalt);
  background:linear-gradient(180deg,var(--cobalt) 40%,var(--blue) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.06em;user-select:none;}
.ft-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:22px 30px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;border-top:1.5px solid var(--ink);}
.ft-legal{cursor:pointer;background:none;border:none;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;color:var(--ink);}
.ft-legal:hover{color:var(--cobalt);}

/* ═════════ LEGAL ═════════ */
.legal{position:fixed;inset:0;z-index:9700;background:rgba(6,6,26,.78);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;}
.legal.open{opacity:1;visibility:visible;}
.legal-in{max-width:780px;margin:0 auto;padding:40px var(--pad) 80px;display:flex;flex-direction:column;gap:26px;}
.legal-in > .pill{align-self:flex-start;}
.legal-doc{border-radius:34px;padding:clamp(26px,5vw,56px);background:var(--cream);color:var(--ink);}
.legal-doc .lab{color:rgba(6,6,26,.6);} .legal-doc .lab b{background:var(--cobalt);color:var(--cream);}
.legal-h1{font-weight:900;font-size:clamp(2.4rem,6vw,4.4rem);line-height:.9;text-transform:uppercase;letter-spacing:-.03em;font-variation-settings:'wdth' 80;margin-bottom:10px;}
.legal-h2{font-weight:800;font-size:1.3rem;margin:30px 0 10px;letter-spacing:-.01em;}
.legal-doc p{color:rgba(6,6,26,.78);margin-bottom:14px;font-variation-settings:'wdth' 100;font-weight:400;}
.legal-doc strong{color:var(--ink);}
.legal-data{list-style:none;display:flex;flex-direction:column;gap:8px;margin:16px 0;}
.legal-data li{display:flex;gap:18px;align-items:center;padding:14px 18px;border-radius:16px;background:rgba(6,6,26,.06);}
.legal-data li span{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt);min-width:80px;}
.legal-doc a{color:var(--cobalt);text-decoration:underline;}

/* ── varios ── */
.rv{will-change:transform,opacity;}
.no-gl .hero-in{text-shadow:none;}

/* ═════════ RESPONSIVE ═════════ */
@media(max-width:900px){
  .hero-row{grid-template-columns:1fr;align-items:start;}
  .perfil-g,.trust{grid-template-columns:1fr;}
  .stk{grid-template-columns:1fr;min-height:0;}
  .stk-n{font-size:5.4rem;}
  .stk-badge{margin-left:0;}
  .wp-pin{padding-bottom:50px;}
  .track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:18px;}
  .wc{scroll-snap-align:center;height:min(66vh,540px);}
  .wp-bar em{display:inline;}
  .hero-foot .hf-co,.hero-foot .hf-hint{display:none;}
  .hero-foot{justify-content:center;}
}
@media(max-width:700px){
  .hero-name{--wb:62;font-size:clamp(3.6rem,min(24vw,16vh),9rem);}
  .sticker{width:96px;right:14px;bottom:auto;top:96px;}
  .top-cta{display:none;}
  .hero-desc{font-size:.95rem;}
  .stats{grid-template-columns:1fr 1fr;}
  .ft-mono{font-size:clamp(7rem,46vw,12rem);}
  .big{-webkit-text-stroke-width:1.5px;}
}
@media(hover:none){.wc{transform:none!important;}}
@media(prefers-reduced-motion:reduce){
  .sticker svg,.tf-star,.live,.caret,.hf-sc i{animation:none!important;}
  .statement .w{opacity:1!important;}
}