:root{--bg-0: #05040a;--bg-1: #0b0a16;--bg-2: #12101f;--panel: #0e0c1a;--panel-borde: #241f3d;--neon-azul: #00e5ff;--neon-azul-suave: #00b8d4;--neon-amarillo: #f5ff00;--neon-violeta: #b026ff;--neon-magenta: #ff2bd6;--texto: #eef1ff;--texto-suave: #9a94c2;--exito: #39ff88;--alerta: #ffb020;--peligro: #ff3860;--fuente-titulo: "Orbitron", "Segoe UI", sans-serif;--fuente-cuerpo: "Rajdhani", "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--fuente-cuerpo);font-size:16px;background:var(--bg-0);color:var(--texto);position:relative;overflow-x:hidden}.fondo-cyberpunk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,rgba(176,38,255,.25),transparent 55%),radial-gradient(ellipse at 15% 85%,rgba(0,229,255,.18),transparent 50%),radial-gradient(ellipse at 85% 80%,rgba(245,255,0,.08),transparent 45%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 60%,var(--bg-2) 100%)}.fondo-cyberpunk:before{content:"";position:absolute;left:-50%;right:-50%;bottom:0;height:60%;background-image:linear-gradient(rgba(0,229,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(176,38,255,.55) 1px,transparent 1px);background-size:60px 60px;transform:perspective(300px) rotateX(65deg);transform-origin:bottom;animation:deslizar-grilla 6s linear infinite;mask-image:linear-gradient(to top,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 70%,transparent 100%)}.fondo-cyberpunk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px);pointer-events:none}@keyframes deslizar-grilla{0%{background-position:0 0}to{background-position:0 60px}}.contenedor{max-width:1080px;margin:0 auto;padding:24px 20px 72px}.top-bar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05040abf;border-bottom:1px solid var(--panel-borde);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.marca{display:flex;align-items:center;gap:12px;text-decoration:none}.marca .icono{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--neon-azul),var(--neon-violeta));display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 18px #00e5ff8c}.marca .texto-marca{font-family:var(--fuente-titulo);font-weight:800;letter-spacing:1.5px;font-size:16px;background:linear-gradient(90deg,var(--neon-azul),var(--neon-amarillo));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-enlaces{display:flex;gap:8px;flex-wrap:wrap}h1,h2,h3,.titulo-glitch{font-family:var(--fuente-titulo);letter-spacing:.5px;margin:0 0 8px}.titulo-glitch{position:relative;font-size:30px;font-weight:800;color:var(--texto);text-shadow:0 0 10px rgba(0,229,255,.5)}.titulo-glitch:before,.titulo-glitch:after{content:attr(data-texto);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:.75}.titulo-glitch:before{color:var(--neon-magenta);clip-path:inset(0 0 60% 0);animation:glitch-1 3.2s infinite linear alternate-reverse}.titulo-glitch:after{color:var(--neon-azul);clip-path:inset(60% 0 0 0);animation:glitch-2 2.6s infinite linear alternate-reverse}@keyframes glitch-1{0%,92%,to{transform:translate(0)}93%{transform:translate(-2px,-1px)}95%{transform:translate(2px,1px)}97%{transform:translate(-1px,1px)}}@keyframes glitch-2{0%,90%,to{transform:translate(0)}91%{transform:translate(2px,1px)}94%{transform:translate(-2px,-1px)}98%{transform:translate(1px,-1px)}}p{line-height:1.55;color:var(--texto-suave)}.tarjeta{background:linear-gradient(180deg,var(--panel),var(--bg-1));border:1px solid var(--panel-borde);border-radius:16px;padding:22px;margin-bottom:20px;position:relative}.tarjeta.borde-azul{box-shadow:0 0 0 1px #00e5ff40 inset,0 0 24px #00e5ff14}.tarjeta.borde-violeta{box-shadow:0 0 0 1px #b026ff4d inset,0 0 24px #b026ff1a}.tilt-3d{transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .2s ease;will-change:transform}.tilt-3d:hover{box-shadow:0 20px 45px #0000008c,0 0 30px #b026ff40}.boton{font-family:var(--fuente-cuerpo);font-weight:700;letter-spacing:.4px;border:none;border-radius:10px;padding:12px 22px;font-size:15px;cursor:pointer;color:#05040a;background:linear-gradient(120deg,var(--neon-azul),var(--neon-violeta));box-shadow:0 0 18px #00e5ff59;transition:transform .12s ease,box-shadow .2s ease,filter .15s ease}.boton:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 0 26px #b026ff80}.boton:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none}.boton.secundario{background:transparent;color:var(--texto);border:1px solid var(--panel-borde);box-shadow:none}.boton.secundario:hover{border-color:var(--neon-azul);box-shadow:0 0 14px #00e5ff40}.boton.amarillo{background:linear-gradient(120deg,var(--neon-amarillo),#ffb020)}.boton.exito{background:linear-gradient(120deg,var(--exito),#16a34a);color:#052e12}.boton.peligro{background:linear-gradient(120deg,var(--peligro),#b91c1c);color:#fff}.boton.bloque{width:100%}.campo{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.campo label{font-size:13.5px;font-weight:600;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.5px}.campo input,.campo select,.campo textarea{padding:11px 13px;border-radius:9px;border:1px solid var(--panel-borde);background:var(--bg-1);color:var(--texto);font-family:var(--fuente-cuerpo);font-size:15px}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--neon-azul);box-shadow:0 0 0 3px #00e5ff26}.countdown{display:flex;gap:10px;flex-wrap:wrap}.countdown .bloque{background:var(--bg-1);border:1px solid var(--panel-borde);border-radius:12px;padding:10px 14px;text-align:center;min-width:62px;box-shadow:0 0 14px #00e5ff1f}.countdown .bloque strong{font-family:var(--fuente-titulo);font-size:22px;display:block;color:var(--neon-amarillo)}.countdown .bloque span{font-size:10.5px;color:var(--texto-suave);text-transform:uppercase}.paquetes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.paquete{background:var(--bg-1);border:1px solid var(--panel-borde);border-radius:14px;padding:18px 14px;text-align:center;cursor:pointer;perspective:700px}.paquete .contenido-3d{transform-style:preserve-3d}.paquete.activo{border-color:var(--neon-azul);box-shadow:0 0 0 1px var(--neon-azul) inset,0 0 22px #00e5ff4d}.paquete .nombre{font-family:var(--fuente-titulo);font-size:12px;letter-spacing:1px;color:var(--neon-amarillo)}.paquete .cantidad{font-family:var(--fuente-titulo);font-size:30px;font-weight:800;margin:8px 0 2px;color:var(--texto)}.paquete .cantidad small{font-size:11px;color:var(--texto-suave);font-weight:400}.paquete .precio{font-size:14px;color:var(--texto-suave)}.paquete .ahorro{display:inline-block;margin-top:8px;font-size:10.5px;background:#39ff881f;color:var(--exito);padding:3px 9px;border-radius:999px;border:1px solid rgba(57,255,136,.3)}.resumen{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.25);border-radius:12px;padding:14px 18px;margin:16px 0}.resumen strong{color:var(--neon-amarillo);font-family:var(--fuente-titulo)}.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.4px}.badge.inactivo{background:#ffb02026;color:var(--alerta);border:1px solid rgba(255,176,32,.4)}.badge.activo{background:#39ff8826;color:var(--exito);border:1px solid rgba(57,255,136,.4)}.badge.rechazado{background:#ff386026;color:var(--peligro);border:1px solid rgba(255,56,96,.4)}.badge.disponible{background:#00e5ff26;color:var(--neon-azul);border:1px solid rgba(0,229,255,.4)}.numeros-lista span,.numeros-asignados span{display:inline-block;background:var(--bg-0);border:1px solid var(--neon-violeta);color:var(--texto);padding:3px 9px;border-radius:999px;margin:2px 4px 0 0;font-size:12px;font-family:var(--fuente-titulo)}.tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.tabs button{border:1px solid var(--panel-borde);background:var(--bg-1);color:var(--texto-suave);padding:9px 18px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.tabs button.activo{background:linear-gradient(120deg,var(--neon-azul),var(--neon-violeta));color:#05040a;border-color:transparent}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--panel-borde);font-size:14px}th{color:var(--texto-suave);font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.4px}.msg-exito{background:#39ff881a;border:1px solid rgba(57,255,136,.35);color:#b6ffce;padding:14px 16px;border-radius:12px;font-size:14px;margin-bottom:18px}.msg-error{color:var(--peligro);font-size:13.5px;margin-top:6px}.vacio{color:var(--texto-suave);text-align:center;padding:24px 0;font-size:14px}.aviso{font-size:12.5px;color:#ffd98a;background:#ffb02014;border:1px solid rgba(255,176,32,.3);padding:10px 14px;border-radius:10px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.stat{background:var(--bg-1);border:1px solid var(--panel-borde);border-radius:12px;padding:16px;text-align:center}.stat strong{display:block;font-family:var(--fuente-titulo);font-size:24px}.stat span{font-size:11.5px;color:var(--texto-suave);text-transform:uppercase}.stat.disp strong{color:var(--neon-azul)}.stat.inact strong{color:var(--alerta)}.stat.act strong{color:var(--exito)}a{color:var(--neon-azul)}[hidden]{display:none!important}.barra-progreso-envoltorio{margin-top:18px}.barra-progreso-etiqueta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12.5px;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.5px}.barra-progreso-etiqueta strong{font-family:var(--fuente-titulo);font-size:18px;letter-spacing:.5px;color:var(--neon-amarillo);text-transform:none}.barra-progreso-pista{position:relative;width:100%;height:22px;border-radius:999px;background:var(--bg-1);border:1px solid var(--panel-borde);box-shadow:0 0 0 1px #0006 inset;overflow:hidden}.barra-progreso-relleno{position:relative;height:100%;min-width:0;border-radius:999px;background:linear-gradient(90deg,var(--neon-violeta),var(--neon-azul) 55%,var(--neon-amarillo));box-shadow:0 0 16px #00e5ff8c,0 0 30px #b026ff59;transition:width .6s ease}.barra-progreso-relleno:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.22) 0 8px,transparent 8px 16px);animation:deslizar-rayas 1.4s linear infinite;mix-blend-mode:overlay}.barra-progreso-relleno.completa{box-shadow:0 0 20px #f5ff00b3,0 0 36px #39ff8873}@keyframes deslizar-rayas{0%{background-position:0 0}to{background-position:32px 0}}.galeria-promocional{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;margin-bottom:18px;background:var(--bg-1);border:1px solid var(--panel-borde);box-shadow:0 0 0 1px #00e5ff33 inset,0 0 30px #b026ff26}.galeria-promocional img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}.galeria-promocional img.visible{opacity:1}.galeria-promocional:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(5,4,10,.85) 100%);pointer-events:none}.galeria-promocional-puntos{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:7px;z-index:2}.galeria-promocional-puntos button{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#ffffff40;cursor:pointer;padding:0}.galeria-promocional-puntos button.activo{background:var(--neon-amarillo);border-color:var(--neon-amarillo);box-shadow:0 0 8px #f5ff00cc}@media (max-width: 600px){.titulo-glitch{font-size:24px}}