@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@600;700;800;900&family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap");
/* ===== Salto Cuántico · sistema compartido ===== */
:root{--bg:#00020f;--bg2:#1a0b3d;--sky:#3f216d;--vio:#3c1682;--ind:#646ac2;--peri:#8da8ec;--lav:#c9cdf5;--lime:#cae628;--lime-hi:#e1f761;--lime-lo:#9bb51a;--lime-sh:#6f8312;--coral:#ff5a7a;--peach:#f7b28b;--mute:#9a9fc4;
--glass:linear-gradient(180deg,rgba(141,168,236,.11),rgba(141,168,236,.035));--bd:rgba(141,168,236,.2);--r-card:28px;--r-sm:16px;--ease:cubic-bezier(.34,1.56,.64,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#fff;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
h1,h2,h3,h4{font-family:"League Spartan",Inter,sans-serif;letter-spacing:-.02em;margin:0}
a{color:inherit;text-decoration:none}.mono{font-family:"JetBrains Mono",monospace}
.lime{color:var(--lime)}.coral{color:var(--coral)}
/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:11px 20px;font-size:14px;cursor:pointer;border:0;transition:transform .35s var(--ease),box-shadow .35s,background .25s;white-space:nowrap}
.btn-gummy{color:#00020f;background:linear-gradient(180deg,var(--lime-hi),var(--lime) 55%,var(--lime-lo));box-shadow:0 6px 0 var(--lime-sh),0 14px 40px rgba(202,230,40,.35),inset 0 2px 0 rgba(255,255,255,.6)}
.btn-gummy:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--lime-sh),0 20px 50px rgba(202,230,40,.5),inset 0 2px 0 rgba(255,255,255,.6)}
.btn-gummy:active{transform:translateY(4px);box-shadow:0 2px 0 var(--lime-sh),0 8px 20px rgba(202,230,40,.3)}
.btn-ind{background:var(--ind);color:#fff;border:2px solid #fff;border-radius:13px}.btn-ind:hover{background:var(--vio);transform:translateY(-2px)}
.btn-ghost{border:1.5px solid var(--bd);color:#fff;background:rgba(255,255,255,.03)}.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
/* tarjetas */
.card{background:var(--glass);border:1px solid var(--bd);border-radius:var(--r-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:transform .45s var(--ease),border-color .3s,box-shadow .3s;position:relative}
.card:hover{border-color:rgba(202,230,40,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 18px 50px rgba(60,22,130,.45)}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:5px 11px;border-radius:999px;border:1px solid var(--bd);color:var(--lav);white-space:nowrap}
.badge-ok{display:inline-flex;gap:6px;align-items:center;padding:5px 11px;border-radius:999px;border:1px solid rgba(202,230,40,.5);background:rgba(202,230,40,.1);color:var(--lime);font-size:14px;font-weight:600;white-space:nowrap}.badge-ok:before{content:"✓";font-weight:900}
.eyebrow{font-family:Oswald;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:14px;color:var(--peri)}
/* mascota: poses por CSS */
.mascot{position:relative;display:inline-block;aspect-ratio:660/748;flex:none;vertical-align:middle}
.mascot img{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 18px rgba(202,230,40,.35))}
.mascot .lid{position:absolute;top:34.5%;height:18.5%;width:11.5%;border-radius:45%;background:linear-gradient(180deg,#d3ee2b,#bcd816);transform:scaleY(0);transform-origin:top;animation:blink 5.5s infinite}
.mascot .lid.l{left:33.4%}.mascot .lid.r{left:55.7%}
@keyframes blink{0%,93%,100%{transform:scaleY(0)}95.5%{transform:scaleY(1)}}
.m-float{animation:mfloat 4s ease-in-out infinite}@keyframes mfloat{50%{transform:translateY(-12px) rotate(-3deg)}}
.m-tilt{transform:rotate(-12deg)}
.m-think{animation:mthink 3.2s ease-in-out infinite}@keyframes mthink{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(-6deg) translateY(-6px)}}
.m-bounce{animation:mbounce 1s var(--ease) infinite}@keyframes mbounce{0%,100%{transform:translateY(0) scale(1,1)}10%{transform:translateY(0) scale(1.12,.86)}45%{transform:translateY(-40%) scale(.94,1.06)}80%{transform:translateY(0) scale(1.06,.94)}}
.m-celebrate{animation:mcel .9s var(--ease) 3}@keyframes mcel{0%,100%{transform:none}30%{transform:translateY(-30%) rotate(12deg) scale(1.1)}60%{transform:translateY(0) scale(1.1,.9)}}
.m-sad{transform:rotate(10deg) translateY(6px);filter:saturate(.6)}.m-sad .lid{animation:none;transform:scaleY(.45)}
.m-peek{animation:mpeek 6s ease-in-out infinite}@keyframes mpeek{0%,100%{transform:translateY(55%)}20%,70%{transform:translateY(8%)}}
.hue-red img{filter:hue-rotate(-75deg) saturate(1.4) drop-shadow(0 6px 14px rgba(255,90,122,.35))}.hue-blue img{filter:hue-rotate(140deg) saturate(1.3) drop-shadow(0 6px 14px rgba(100,106,194,.4))}.hue-vio img{filter:hue-rotate(205deg) saturate(1.2)}.hue-orange img{filter:hue-rotate(-40deg) saturate(1.5)}
.hue-red .lid{filter:hue-rotate(-75deg) saturate(1.4)}.hue-blue .lid{filter:hue-rotate(140deg) saturate(1.3)}.hue-vio .lid{filter:hue-rotate(205deg) saturate(1.2)}.hue-orange .lid{filter:hue-rotate(-40deg) saturate(1.5)}
/* loader */
.loader{position:fixed;inset:0;z-index:200;background:var(--bg);display:grid;place-items:center;transition:opacity .5s,visibility .5s}.loader.done{opacity:0;visibility:hidden}.loader .mascot{width:70px}
.loader:after{content:"";position:absolute;top:calc(50% + 46px);width:46px;height:8px;border-radius:50%;background:rgba(202,230,40,.25);filter:blur(3px)}
/* olas */
.wave{display:block;width:100%;height:70px;position:relative;z-index:2;margin:-1px 0}
.divider{position:relative;height:90px;overflow:hidden;pointer-events:none}.divider .mascot{position:absolute;bottom:0;width:58px}.divider svg{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:60px}
/* reveal */
.rv{opacity:0;transform:translateY(26px) scale(.98);transition:opacity .8s ease,transform .9s var(--ease)}.rv.in{opacity:1;transform:none}
/* sticky móvil */
.sticky{display:none}
@media(max-width:820px){.sticky{display:flex;align-items:center;justify-content:center;gap:10px;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;padding:12px 16px;border-radius:999px;font-family:Oswald;font-weight:700;letter-spacing:.04em;font-size:17px;color:#00020f;background:linear-gradient(180deg,var(--lime-hi),var(--lime));box-shadow:0 5px 0 var(--lime-sh),0 12px 40px rgba(202,230,40,.45);transform:translateY(170%);transition:transform .5s var(--ease)}.sticky.on{transform:none}.sticky .mascot{width:30px;margin:-6px 0}}
/* footer común */
.foot{position:relative;margin-top:60px;background:#000;color:var(--mute);font-size:15px;text-align:center;padding:30px 20px 130px}.foot .mascot{width:54px;position:absolute;left:50%;top:-34px;margin-left:-27px}.foot a{color:var(--lime)}.foot p{margin:8px auto;max-width:900px;line-height:1.6}
.foot-wave{display:block;width:100%;height:50px;margin-top:40px;margin-bottom:-1px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ===== Dirección B · Cuántico Pro (payouts) ===== */
.pro{background:radial-gradient(1100px 600px at 50% -200px,rgba(60,22,130,.55),transparent 70%),var(--bg)}
.pro:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(141,168,236,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(141,168,236,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(ellipse at 50% 0,#000 15%,transparent 70%);mask:radial-gradient(ellipse at 50% 0,#000 15%,transparent 70%)}
.wrap{max-width:1200px;margin:auto;padding:0 24px;position:relative}
.ticker{display:flex;align-items:center;height:38px;border-bottom:1px solid var(--bd);background:rgba(0,2,15,.8);overflow:hidden;font-size:14px;position:relative;z-index:3}
.live{flex:none;display:flex;gap:7px;align-items:center;padding:0 14px;font-family:Oswald;font-weight:600;color:var(--lime);letter-spacing:.1em;background:var(--bg);height:100%;z-index:2}.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 10px var(--coral);animation:pz 1.4s infinite}@keyframes pz{50%{opacity:.25}}
.tt{overflow:hidden;flex:1;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.tk{display:flex;gap:26px;width:max-content;animation:mq 60s linear infinite;white-space:nowrap}.tk a{display:flex;gap:8px;color:var(--lav)}.tk b{color:var(--lime)}.tk i{font-style:normal;color:var(--mute)}@keyframes mq{to{transform:translateX(-50%)}}
.nav{position:sticky;top:0;z-index:40;background:rgba(0,2,15,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--bd)}.nav .wrap{display:flex;align-items:center;gap:14px;height:66px}
.logo{display:flex;align-items:center;gap:10px;font-family:"League Spartan";font-weight:900;font-size:20px}.logo .mascot{width:32px}.logo small{font-family:Oswald;font-size:14px;letter-spacing:.24em;color:var(--peri);font-weight:600}
.links{margin:0 auto;display:flex;gap:4px;padding:4px;border:1px solid var(--bd);border-radius:999px;background:rgba(141,168,236,.05)}.links a{padding:7px 15px;border-radius:999px;font-size:15px;color:var(--lav);transition:.25s}.links a:hover{color:#fff;background:rgba(141,168,236,.12)}.links a.on{background:var(--lime);color:#00020f;font-weight:700}
.navr{display:flex;gap:10px;align-items:center}
.mnav{display:none}
.phead{text-align:center;padding:70px 0 40px}.phead h1{font-size:clamp(38px,5.6vw,68px);font-weight:900;margin:12px 0}.phead h1 .mascot{width:.9em;margin-left:.15em;vertical-align:-.1em}.phead p{color:var(--lav);max-width:680px;margin:0 auto;line-height:1.6}.phead b{color:#fff}
.upd{color:var(--mute);font-size:15px;display:inline-flex;gap:8px;align-items:center}.upd:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pz 1.6s infinite}
.lbl{font-size:14px;color:var(--mute);display:flex;justify-content:space-between;align-items:center;gap:8px}
.big{font-family:"League Spartan";font-weight:900;color:var(--lime);text-shadow:0 0 28px rgba(202,230,40,.35);font-variant-numeric:tabular-nums}
.hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}.hd h2{font-size:clamp(24px,3vw,36px);font-weight:800}.hd p{margin:6px 0 0;color:var(--mute);font-size:14px}
section.blk{padding:70px 0 0}
table.t{width:100%;border-collapse:collapse;font-size:14px}.t th{font-family:Oswald;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-size:11.5px;text-align:left;padding:14px 16px;border-bottom:1px solid var(--bd);white-space:nowrap}
.t td{padding:13px 16px;border-bottom:1px solid rgba(141,168,236,.08);vertical-align:middle}.t tbody tr{transition:background .2s;cursor:pointer}.t tbody tr:hover{background:rgba(202,230,40,.05)}
.t .id{font-family:"JetBrains Mono";font-size:11.5px;color:var(--mute)}.t .tr a{font-weight:700}.t .tr a:hover{color:var(--lime)}.t .m{color:var(--lime);font-weight:800;white-space:nowrap}.t .d{color:var(--mute);font-size:15px;white-space:nowrap}
.tw{overflow:hidden;border-radius:var(--r-card)}.mlist{display:none}
.pag{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-size:15px;color:var(--mute)}
.empty{text-align:center;padding:50px 20px;color:var(--mute)}.empty .mascot{width:70px;display:block;margin:0 auto 14px}
.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;padding:18px;margin-bottom:16px}.filters label{display:grid;gap:6px;font-size:14px;color:var(--mute);flex:1;min-width:150px}
.filters select,.filters input{background:rgba(0,2,15,.6);border:1px solid var(--bd);border-radius:14px;color:#fff;padding:11px 13px;font:inherit;font-size:14px;outline:none;width:100%}.filters select:focus,.filters input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(202,230,40,.15)}.filters option{background:#0b0a24}
.chip{display:inline-block;padding:7px 13px;border-radius:999px;border:1px solid var(--bd);background:rgba(141,168,236,.07);font-size:14px;margin:0 6px 6px 0}
.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--lav);font-weight:700;font-size:14px;border-radius:18px;border:1.5px dashed rgba(141,168,236,.3);background:radial-gradient(circle at 50% 30%,rgba(202,230,40,.1),transparent 60%),repeating-linear-gradient(135deg,#0c0a26 0 12px,#110e30 12px 24px);padding:10px}
.ph b{font-family:Oswald;font-size:13px;letter-spacing:.22em;color:var(--lime)}
.av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:700;color:var(--lav);background:repeating-linear-gradient(135deg,#0c0a26 0 6px,#16123a 6px 12px);border:2px solid var(--lime);box-shadow:0 0 18px rgba(202,230,40,.3);flex:none;text-align:center;line-height:1.1;padding:3px}
.modal{position:fixed;inset:0;z-index:90;background:rgba(0,2,15,.8);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px}.modal.on{display:flex}.modal .card{width:min(420px,100%);padding:22px;text-align:center;animation:pop .45s var(--ease)}@keyframes pop{from{transform:scale(.9) translateY(20px);opacity:0}}
.modal .x{position:absolute;right:14px;top:10px;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}
.wall{overflow:hidden;cursor:grab;-webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:6px 0;touch-action:pan-y}.lane{display:flex;gap:14px;width:max-content;margin-bottom:14px}
.cert{width:220px;flex:none;padding:10px;cursor:pointer;text-align:left;color:#fff;font:inherit;border-radius:22px}.cert .ph{height:210px}.cert .f{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin-top:10px}.cert .f span{color:var(--lav);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cert .f b{color:var(--lime);white-space:nowrap;font-size:14px}
@media(max-width:900px){.links{display:none}.mnav{display:flex;gap:6px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none}.mnav a{flex:none;padding:7px 13px;border-radius:999px;border:1px solid var(--bd);font-size:12.5px;color:var(--lav)}.mnav a.on{background:var(--lime);color:#00020f;font-weight:700;border-color:var(--lime)}.nav .wrap{justify-content:space-between}}
@media(max-width:640px){.wrap{padding:0 16px}.navr .btn-gummy{display:none}.phead{padding:46px 0 28px}.hd{flex-direction:column;align-items:flex-start}
.tw table.t{display:none}.mlist{display:grid;gap:10px;padding:12px}.mi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:14px;border-radius:18px;border:1px solid var(--bd);background:rgba(141,168,236,.04)}.mi .m{font-family:"League Spartan";font-weight:900;font-size:20px;color:var(--lime)}.mi .n{font-weight:700;min-width:0}.mi .s{color:var(--mute);font-size:14px;grid-column:1/-1;min-width:0}
.cert{width:170px}.cert .ph{height:170px}}

/* ===== Deriva de orbes + velas en márgenes ===== */
html{overflow-x:clip}
@keyframes sqdrift{0%,100%{translate:0 0}33%{translate:14px -18px}66%{translate:-12px 10px}}
@keyframes sqdriftb{0%,100%{transform:none}50%{transform:translate3d(4%,3%,0)}}
.circ{will-change:translate;animation:sqdrift 19s ease-in-out infinite}.circ.c2{animation-duration:23s;animation-delay:-7s}.circ.c3{animation-duration:16s;animation-delay:-12s}
.hero:before{animation:sqdriftb 22s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.circ,.hero:before{animation:none!important}}
.sq-ew{position:absolute;top:0;left:0;width:100%;height:0;z-index:-1;pointer-events:none}.sq-ew canvas{position:absolute;opacity:.22;-webkit-mask-image:radial-gradient(closest-side,#000 65%,transparent);mask-image:radial-gradient(closest-side,#000 65%,transparent)}
@media(max-width:699px){.sq-ew{display:none}}