:root{--fondo:#000;--papel:#131313;--tinta:#fff;--tinta-suave:#9b9b9b;--amarillo:#ffed00;--morado:#a600ff;--linea:#2a2a24;--sobre-amarillo:#141400;--radio:18px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--tinta);min-height:100dvh;font-family:Libre Franklin,system-ui,sans-serif;line-height:1.45}.com-envoltura{max-width:640px;margin:0 auto;padding:0 20px 96px}.com-cabecera{justify-content:space-between;align-items:center;padding:18px 0 10px;display:flex}.com-cabecera img{display:block}.com-cabecera a{color:var(--tinta-suave);font-size:14px;text-decoration:none}h1.com-titulo{text-transform:uppercase;letter-spacing:.5px;font-family:Bebas Neue,Libre Franklin,sans-serif;font-size:clamp(44px,11vw,72px);line-height:.92}h1.com-titulo em{color:var(--amarillo);font-style:normal}.com-sub{color:var(--tinta-suave);max-width:46ch;margin-top:14px;font-size:17px}.com-boton{background:var(--amarillo);color:var(--sobre-amarillo);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 28px;font-size:17px;font-weight:800;text-decoration:none;transition:transform 80ms;display:inline-flex}.com-boton:active{transform:scale(.97)}.com-boton.fantasma{color:var(--tinta);border:1.5px solid var(--linea);background:0 0;font-weight:600}.com-boton.negro{background:var(--papel);color:var(--tinta);border:1.5px solid var(--tinta);font-weight:800}.com-boton[disabled]{opacity:.45;cursor:default}.com-tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:20px}.com-puntos{align-items:baseline;gap:10px;display:flex}.com-puntos strong{color:var(--amarillo);font-family:Bebas Neue,sans-serif;font-size:56px;line-height:1}.com-barra{background:#1f1f1a;border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.com-barra i{background:linear-gradient(90deg, var(--amarillo), #fff45c);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.com-mision{border-radius:var(--radio);background:var(--papel);border:1px solid var(--linea);color:var(--tinta);align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.com-mision+.com-mision{margin-top:10px}.com-mision .pts{color:var(--amarillo);text-align:center;min-width:52px;font-family:Bebas Neue,sans-serif;font-size:26px}.com-mision.hecha{opacity:.55}.com-mision.hecha .pts{color:var(--tinta-suave)}.com-mision .info{flex:1}.com-mision .info small{color:var(--tinta-suave);margin-top:2px;display:block}.com-mision .palomita{color:var(--amarillo);font-size:20px}.runner-progreso{gap:5px;margin:14px 0 26px;display:flex}.runner-progreso i{background:#22221c;border-radius:2px;flex:1;height:4px}.runner-progreso i.va{background:var(--amarillo)}.runner-pregunta h2{margin-bottom:6px;font-size:24px;line-height:1.2}.runner-pregunta .ayuda{color:var(--tinta-suave);margin-bottom:20px;font-size:15px}.runner-pregunta .nota{border-left:3px solid var(--morado);color:var(--tinta-suave);background:#17111d;border-radius:0 10px 10px 0;margin:0 0 18px;padding:8px 12px;font-size:14px}.opcion{text-align:left;background:var(--papel);width:100%;color:var(--tinta);border:1.5px solid var(--linea);cursor:pointer;border-radius:14px;margin-bottom:10px;padding:14px 16px;font-size:16px;display:block}.opcion.activa{border-color:var(--amarillo);background:#1c1a00}.chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--amarillo);color:var(--amarillo);cursor:pointer;background:#1c1a00;border-radius:999px;padding:8px 14px;font-size:14px}.chip.neutro{background:var(--papel);border-color:var(--linea);color:var(--tinta)}input.com-campo,.com-campo{background:var(--papel);width:100%;color:var(--tinta);border:1.5px solid var(--linea);border-radius:14px;outline:none;padding:14px 16px;font-size:16px}.com-campo:focus{border-color:var(--amarillo)}.runner-pie{gap:10px;margin-top:24px;display:flex}.runner-pie .com-boton{flex:1}.credencial{color:#141400;background:linear-gradient(160deg,#ffed00 0%,#fd0 55%,#e6c700 100%);border-radius:22px;padding:24px;position:relative;overflow:hidden}.credencial:after{content:"ELIOTITO";opacity:.12;letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:96px;position:absolute;bottom:-14px;right:-18px}.credencial .quien{font-family:Bebas Neue,sans-serif;font-size:40px;line-height:1}.credencial .handle{opacity:.75;font-weight:700}.credencial .folio{letter-spacing:1px;opacity:.85;margin-top:18px;font-family:ui-monospace,monospace;font-size:14px}.credencial .fila-nota{opacity:.75;max-width:40ch;margin-top:6px;font-size:12.5px}.celebracion{text-align:center;padding:40px 0}.celebracion .grande{color:var(--amarillo);font-family:Bebas Neue,sans-serif;font-size:88px;line-height:1}.com-error{color:#ffb4be;background:#2a0f13;border:1px solid #7a2733;border-radius:12px;margin:14px 0;padding:12px 14px;font-size:14px}.oculto{display:none!important}.com-pie{border-top:1px solid var(--linea);color:var(--tinta-suave);margin-top:40px;padding-top:16px;font-size:13px}.com-pie a{color:var(--tinta-suave)}.sticker{letter-spacing:1.5px;border-radius:999px;padding:6px 14px;font-family:Bebas Neue,sans-serif;font-size:18px;display:inline-block;transform:rotate(-2deg)}.sticker-morado{background:var(--morado);color:#fff;box-shadow:3px 3px 0 var(--amarillo)}.pasos{grid-template-columns:1fr 1fr;gap:12px;display:grid}.paso{background:var(--papel);border:1.5px solid var(--linea);border-radius:var(--radio);gap:2px;padding:18px 14px 14px;display:grid;position:relative}.paso-1{border-color:#3a3200;transform:rotate(-1.2deg)}.paso-2{transform:rotate(1deg)}.paso-3{border-color:#2a1140;transform:rotate(.8deg)}.paso-4{transform:rotate(-.8deg)}.paso-num{background:var(--amarillo);color:var(--sobre-amarillo);border-radius:999px;place-items:center;width:24px;height:24px;font-family:Bebas Neue,sans-serif;font-size:15px;display:grid;position:absolute;top:-10px;left:12px}.paso-3 .paso-num{background:var(--morado);color:#fff}.paso-emoji{font-size:30px;line-height:1.1}.paso strong{font-size:15.5px;line-height:1.15}.paso small{color:var(--tinta-suave);font-size:12.5px}.credencial-teaser{box-shadow:6px 6px 0 var(--morado);transform:rotate(-1.5deg)}.hero-dos{padding:22px 0 30px}.hero-botones{gap:10px;margin-top:24px;display:grid}.teaser-nota{color:var(--tinta-suave);text-align:center;margin-top:14px;font-size:15px}.hero-der{margin-top:30px}@media (width>=900px){.com-envoltura.ancha{max-width:1150px}.com-envoltura.ancha .com-cabecera{padding:26px 0 14px}.hero-dos{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:64px;min-height:calc(100dvh - 210px);padding:48px 0 56px;display:grid}.hero-der{margin-top:0}h1.com-titulo{font-size:clamp(64px,7vw,104px)}.com-sub{font-size:19px}.hero-botones{grid-template-columns:auto auto;justify-content:start;gap:12px}.hero-botones .com-boton{width:auto;padding:16px 34px}.hero-der .credencial-teaser{box-shadow:10px 10px 0 var(--morado);transform:rotate(-2.5deg)scale(1.06)}.hero-der .credencial .quien{font-size:52px}.pasos{grid-template-columns:repeat(4,1fr);gap:16px}.paso{padding:24px 18px 18px}.paso-emoji{font-size:36px}.paso strong{font-size:17px}.paso small{font-size:13.5px}.hero-der .teaser-nota{margin-top:34px}}.com-pie-logo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pie-fco{color:var(--tinta-suave);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.pie-fco img{opacity:.75;display:block}.pie-fco:hover img{opacity:1}@keyframes com-subir{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes com-flotar{0%,to{transform:rotate(-2.5deg)translateY(0)}50%{transform:rotate(-1.2deg)translateY(-10px)}}@keyframes com-brillo{0%{transform:translate(-130%)rotate(18deg)}55%,to{transform:translate(240%)rotate(18deg)}}@keyframes com-vibrar{0%,92%,to{transform:rotate(-2deg)}94%{transform:rotate(2.5deg)}96%{transform:rotate(-3deg)}98%{transform:rotate(1.5deg)}}@keyframes com-deriva{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-50px)scale(1.15)}}.hero-izq .sticker{animation:.55s cubic-bezier(.22,1,.36,1) both com-subir}.hero-izq h1{animation:.65s cubic-bezier(.22,1,.36,1) 80ms both com-subir}.hero-izq .com-sub{animation:.65s cubic-bezier(.22,1,.36,1) .18s both com-subir}.hero-izq .hero-botones{animation:.65s cubic-bezier(.22,1,.36,1) .28s both com-subir}.hero-der{animation:.7s cubic-bezier(.22,1,.36,1) .35s both com-subir}.sticker-morado{animation:.55s cubic-bezier(.22,1,.36,1) both com-subir,5s 1.4s infinite com-vibrar}.hero-der .credencial-teaser{will-change:transform;animation:5.5s ease-in-out 1s infinite com-flotar}.credencial-teaser:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#ffffff8c,#0000);width:34%;animation:4.2s ease-in-out 2s infinite com-brillo;position:absolute;inset:-30% auto -30% 0}.com-envoltura.ancha{position:relative}.com-envoltura.ancha:before,.com-envoltura.ancha:after{content:"";z-index:-1;filter:blur(90px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.com-envoltura.ancha:before{background:var(--morado);width:380px;height:380px;animation:11s ease-in-out infinite com-deriva;top:40px;right:-60px}.com-envoltura.ancha:after{background:#7a6f00;width:300px;height:300px;animation:14s ease-in-out 2s infinite reverse com-deriva;top:320px;left:-120px}.com-boton{transition:transform .12s,box-shadow .12s}.com-boton:hover{transform:translateY(-2px)scale(1.015);box-shadow:0 10px 28px #ffed0038}.com-boton.negro:hover{box-shadow:0 10px 28px #ffffff1f}.revela{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}.revela.visto{opacity:1;transform:translateY(0)}.paso{transition:transform .18s,border-color .18s,box-shadow .18s}.paso:hover{border-color:var(--amarillo);transform:rotate(0)translateY(-6px);box-shadow:0 14px 30px #0000008c}.paso:hover .paso-emoji{animation:.6s ease-in-out com-vibrar;display:inline-block}@media (prefers-reduced-motion:reduce){.hero-izq .sticker,.hero-izq h1,.hero-izq .com-sub,.hero-izq .hero-botones,.hero-der,.sticker-morado,.hero-der .credencial-teaser,.credencial-teaser:before,.com-envoltura.ancha:before,.com-envoltura.ancha:after{animation:none!important}.revela{opacity:1;transition:none;transform:none}}.priv-tarjeta h2{align-items:center;gap:10px;margin-bottom:8px;font-size:17px;display:flex}.priv-tarjeta h2 span{font-size:24px}.priv-tarjeta p{color:var(--tinta-suave);font-size:15px;line-height:1.55}.priv-tarjeta{transition:transform .18s,border-color .18s}.priv-tarjeta:hover{border-color:var(--amarillo);transform:rotate(0)!important}.com-mision.bloqueada{opacity:.75;border-style:dashed}.com-mision.bloqueada .pts{font-size:20px}.com-mision.bloqueada .info small{color:var(--amarillo)}.com-utilidad{justify-content:space-between;align-items:center;padding:16px 0 4px;font-size:14px;display:flex}.com-utilidad a{color:var(--tinta-suave);text-decoration:none}.com-utilidad a:hover{color:var(--tinta)}.relampago{border:1.5px solid var(--amarillo);border-radius:var(--radio);background:linear-gradient(150deg,#1c1a00,#131313 70%);padding:18px}.relampago-cabeza{justify-content:space-between;align-items:center;display:flex}.relampago-sello{letter-spacing:1.5px;color:var(--amarillo);font-family:Bebas Neue,sans-serif;font-size:15px}.relampago-racha{font-size:15px;font-weight:800}.relampago-opcion{margin-bottom:8px}.relampago-opcion[disabled]{opacity:.55}