@import "https://fonts.googleapis.com/css2?family=Anton&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--amarillo:#ffef00;--morado:#7f06e6;--morado-claro:#b76bff;--negro:#0a0a0a;--carbon:#141414;--linea:#2e2e2e;--blanco:#f5f5f0;--gris:#a3a3a3;--display:"Anton", Impact, sans-serif;--body:"Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:70px}body{background:var(--negro);color:var(--blanco);font-family:var(--body);background-image:linear-gradient(var(--linea) 1px, transparent 1px), linear-gradient(90deg, var(--linea) 1px, transparent 1px);background-position:-1px -1px;background-size:56px 56px;min-height:100vh;font-size:16px;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 20%,#0000 0%,#0a0a0ad9 70%);position:fixed;inset:0}#root{z-index:1;position:relative}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--amarillo)}:focus-visible{outline:3px solid var(--amarillo);outline-offset:3px}.skip{background:var(--amarillo);color:var(--negro);z-index:99;padding:8px 12px;font-weight:700;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.tag{letter-spacing:.16em;text-transform:uppercase;background:var(--amarillo);color:var(--negro);padding:6px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-block}.tag-outline{color:var(--blanco);box-shadow:inset 0 0 0 2px var(--blanco);background:0 0}.hero{max-width:1100px;margin:0 auto;padding:22px 18px 0}.hero-top{flex-wrap:wrap;gap:8px;display:flex}.hero-title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;flex-wrap:wrap;column-gap:.22em;margin:28px 0 18px;font-size:clamp(64px,19vw,190px);font-weight:400;line-height:.86;display:flex}.mask{margin-top:-.12em;padding:.12em 0 .04em;display:inline-block;overflow:hidden}.mask>span{display:inline-block}.hl{color:var(--negro);background:var(--amarillo);padding:0 .08em}.hero-sub{color:var(--gris);max-width:460px;font-size:18px}.hero-row{flex-wrap:wrap;align-items:stretch;gap:14px;margin-top:26px;display:flex}.countdown{border:2px solid var(--blanco);display:flex}.countdown div{text-align:center;min-width:62px;padding:8px 12px}.countdown div+div{border-left:2px solid var(--blanco)}.countdown b{font-family:var(--display);font-size:30px;font-weight:400;line-height:1;display:block}.countdown small{text-transform:uppercase;letter-spacing:.1em;color:var(--gris);font-size:11px}.cerrada{border:2px solid var(--blanco);align-items:center;gap:8px;padding:0 16px;font-weight:700;display:flex}.btn{border:2px solid var(--negro);text-transform:uppercase;letter-spacing:.06em;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 24px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-primary{background:var(--amarillo);color:var(--negro);box-shadow:5px 5px 0 var(--morado)}.btn-primary:hover{box-shadow:7px 7px 0 var(--morado);transform:translate(-2px,-2px)}.btn-primary:active{box-shadow:2px 2px 0 var(--morado);transform:translate(3px,3px)}.btn-primary:disabled{opacity:.7;cursor:progress}.btn-ghost{color:var(--blanco);border-color:var(--blanco);background:0 0}.btn-ghost:hover{background:var(--blanco);color:var(--negro)}.marquee{background:var(--morado);color:var(--blanco);border-block:2px solid var(--negro);margin:44px -18px 0;overflow:hidden;transform:rotate(-1.5deg)}.marquee-track{width:max-content;animation:32s linear infinite marquee;display:flex}.marquee span{font-family:var(--display);text-transform:uppercase;white-space:nowrap;padding:10px 0 8px;font-size:26px}.marquee i{color:var(--amarillo);margin:0 18px;font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}main{max-width:1100px;margin:56px auto 0;padding:0 0 140px}.progress{background:var(--linea);z-index:21;height:4px;position:sticky;top:0}.progress span{background:var(--amarillo);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.catnav{z-index:20;scrollbar-width:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--linea);background:#0a0a0aeb;gap:8px;padding:12px 18px;display:flex;position:sticky;top:4px;overflow-x:auto}.catnav::-webkit-scrollbar{display:none}.chip{border:2px solid var(--linea);white-space:nowrap;background:0 0;flex:none;min-height:44px;padding:0 14px;font-size:14px;font-weight:700;transition:border-color .15s;position:relative}.chip:hover{border-color:var(--blanco)}.chip.on{border-color:var(--amarillo);color:var(--negro)}.chip-bg{background:var(--amarillo);z-index:0;position:absolute;inset:-2px}.chip-txt{z-index:1;align-items:center;gap:8px;display:inline-flex;position:relative}.chip em{font-style:normal;font-family:var(--display);color:var(--morado-claro);font-weight:400}.chip.on em{color:var(--morado)}.panel{padding:30px 18px 0}.panel-head{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.panel-num{font-family:var(--display);color:var(--morado-claro);flex:none;font-size:64px;line-height:.8}.panel-num small{color:var(--gris);font-size:22px}.panel h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(38px,9vw,72px);font-weight:400;line-height:.92}.panel-head p{color:var(--gris);max-width:480px;margin-top:8px}.noms{gap:12px;display:grid}@media (width>=820px){.noms{grid-template-columns:1fr 1fr;gap:16px}}.nom{text-align:left;background:var(--carbon);border:2px solid var(--linea);align-items:center;gap:14px;width:100%;min-height:88px;padding:12px 14px;transition:border-color .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 #0000}.nom:not(.off):hover{border-color:var(--blanco);box-shadow:6px 6px 0 var(--morado)}.nom.sel{border-color:var(--amarillo);background:var(--amarillo);color:var(--negro);box-shadow:6px 6px 0 var(--morado)}.nom.off{cursor:default}.nom.mio{border-color:var(--amarillo)}.nom-n{font-family:var(--display);width:30px;color:var(--morado-claro);flex:none;font-size:26px;position:relative}.nom.sel .nom-n{color:var(--morado)}.nom-img{object-fit:cover;border:2px solid var(--negro);flex:none;width:64px;height:64px;position:relative}.nom-img.ph{background:repeating-linear-gradient(45deg, var(--morado) 0 8px, #5d04a8 8px 16px)}.nom-info{flex:1;min-width:0;position:relative}.nom-t{text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.nom-s{color:var(--gris);margin-top:2px;font-size:14px;display:block}.nom.sel .nom-s{color:#333}.radio{border:2px solid;flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative}.nom.sel .radio{background:var(--negro);color:var(--amarillo);border-color:var(--negro)}.nom-pct{font-family:var(--display);flex:none;font-size:34px;line-height:1;position:relative}.nom-pct small{font-size:18px}.bar{transform-origin:0;background:#7f06e659;position:absolute;inset:0}.nom.mio .bar{background:#ffef0038}.mio-tag{background:var(--amarillo);color:var(--negro);text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:0;right:0}.total{color:var(--gris);margin-top:14px;font-size:14px}.aviso{color:var(--amarillo);align-items:center;gap:8px;margin-top:16px;font-weight:500;display:flex}.final{background:var(--morado);border:2px solid var(--blanco);box-shadow:8px 8px 0 var(--amarillo);color:var(--blanco);margin:48px 18px 0;padding:28px 22px}.final svg{color:var(--amarillo)}.final h3{font-family:var(--display);text-transform:uppercase;margin:12px 0 8px;font-size:40px;font-weight:400;line-height:1}.final-btns{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.foot{max-width:1100px;color:var(--gris);justify-items:start;gap:12px;margin:0 auto;padding:0 18px 130px;font-size:14px;display:grid}.link{color:var(--blanco);background:0 0;border:0;align-items:center;gap:6px;min-height:44px;text-decoration:underline;display:inline-flex}.dock{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:30;background:var(--blanco);max-width:640px;color:var(--negro);border:2px solid var(--negro);box-shadow:6px 6px 0 var(--morado);align-items:center;gap:12px;margin:0 auto;padding:10px 10px 10px 16px;display:flex;position:fixed}.dock-info{flex:1;min-width:0}.dock-info small{text-transform:uppercase;letter-spacing:.08em;color:#555;font-size:12px;display:block}.dock-info b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;display:block;overflow:hidden}.dock .btn-primary{box-shadow:3px 3px 0 var(--negro);flex:none}.toast{z-index:40;background:var(--blanco);color:var(--negro);border:2px solid var(--negro);box-shadow:4px 4px 0 var(--morado);align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 28px);padding:12px 16px;font-weight:700;display:flex;position:fixed;top:14px;left:50%;translate:-50%}.toast.ok{background:var(--amarillo)}.toast.err{background:#ff5a5a}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.marquee-track,.spin{animation:none}*{transition-duration:0s!important}}.hero-top{align-items:center}.volver{min-height:44px;color:var(--blanco);align-items:center;gap:4px;margin-left:auto;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.volver:hover{color:var(--amarillo)}@media (width>=820px){.catnav{-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}}