:root{--fondo:#0e1526;--panel:#182238;--borde:#2b3a5c;--texto:#e8edf7;--texto-suave:#93a1bd;--b:#2f7ee0;--i:#d43f3f;--n:#e8e8e8;--g:#37a45c;--o:#e5a33c;--acento:#f5b427}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font-family:Segoe UI,system-ui,sans-serif}h1{margin:.2rem 0;font-size:1.4rem}h2{margin:.2rem 0 .6rem;font-size:1.05rem}a{color:#7db4ff}button{color:#fff;cursor:pointer;background:#2f6fd6;border:none;border-radius:6px;padding:.45rem .9rem;font-size:.95rem}button:disabled{opacity:.45;cursor:default}button.peligro{background:#b03434}input,select,textarea{border:1px solid var(--borde);color:var(--texto);background:#0f1930;border-radius:6px;padding:.45rem .6rem;font-size:.95rem}code{background:#0f1930;border-radius:4px;padding:.1rem .35rem}.error{color:#ff8484}.ayuda{color:var(--texto-suave);font-size:.85rem}.pagina{max-width:1500px;margin:0 auto;padding:1rem 1.4rem}.pagina-centrada{justify-content:center;align-items:center;min-height:80vh;display:flex}.barra{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.barra nav{gap:.8rem;display:flex}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:10px;padding:1rem}.login{flex-direction:column;gap:.7rem;min-width:300px;display:flex}.fila-form{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0;display:flex}.tabla{border-collapse:collapse;width:100%}.tabla th,.tabla td{border-bottom:1px solid var(--borde);text-align:left;padding:.35rem .6rem}.tabla th{color:var(--texto-suave);font-size:.85rem;font-weight:600}.fila-bingo{background:#f5b42726}.config{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:1rem;display:grid}.config .tarjeta label{margin:.5rem 0;display:block}.lista-cartones,.lista-scroll{max-height:320px;margin-top:.5rem;overflow-y:auto}.fila-carton{align-items:center;gap:.6rem;padding:.15rem 0;display:flex}.enlace-inerte{color:var(--texto-suave);opacity:.55;cursor:not-allowed}.lista-prog{margin:.4rem 0;padding-left:1.4rem}.lista-prog li{justify-content:space-between;align-items:center;gap:.6rem;padding:.2rem 0;display:flex}.prog-jugado{color:var(--texto-suave)}.prog-botones{gap:.25rem;display:flex}.prog-botones button{padding:.1rem .45rem;font-size:.8rem}.fila-imagen{border-bottom:1px solid var(--borde);align-items:center;gap:.8rem;padding:.5rem 0;display:flex}.imagen-previa{border:1px dashed var(--borde);background:repeating-conic-gradient(#0002 0% 25%,#0000 0% 50%) 50%/12px 12px;border-radius:6px;flex:none;justify-content:center;align-items:center;width:96px;height:64px;display:flex;overflow:hidden}.imagen-previa img{object-fit:contain;max-width:100%;max-height:100%}.pantalla-logo{object-fit:contain;max-width:16rem;max-height:4.5rem}.pantalla-cabecera .logo-der{margin-left:auto}.pantalla-con-fondo{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.pantalla-con-fondo>*{z-index:1;position:relative}.pantalla-con-fondo:before{content:"";z-index:0;background:#090e1cb8;position:absolute;inset:0}.hist-juego{border-bottom:1px solid var(--borde);padding:.4rem 0}.hist-juego>summary{cursor:pointer}.hist-vivo{color:var(--acento);font-weight:700}.aviso{border:1px solid var(--acento);background:#f5b4271f;border-radius:8px;margin-bottom:.8rem;padding:.6rem .9rem}.etiqueta-pantalla{text-transform:uppercase;letter-spacing:.08em;color:var(--texto-suave);border:1px solid var(--borde);vertical-align:middle;border-radius:999px;padding:.1rem .55rem;font-size:.75rem}.tablero75{flex-direction:column;gap:4px;display:flex}.tablero-fila{align-items:center;gap:4px;display:flex}.letra{text-align:center;width:2rem;font-size:1.3rem;font-weight:800}.letra-B{color:var(--b)}.letra-I{color:var(--i)}.letra-N{color:var(--n)}.letra-G{color:var(--g)}.letra-O{color:var(--o)}.bola{text-align:center;border-radius:50%;width:2.1rem;height:2.1rem;font-size:.9rem;font-weight:700;line-height:2.1rem}.bola-noaplica{color:#56617a;background:#232b3d}.bola-enjuego{color:#ffe9c9;background:#b96a12}.bola-salio{color:#fff;background:#2c9a53}.bola-ultima{outline:3px solid var(--acento)}.ruleta{color:#16203a;background:radial-gradient(circle at 35% 30%,#fff,#cfd6e4 60%,#97a2b8);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:7rem;height:7rem;font-weight:900;display:flex;box-shadow:0 6px 18px #00000080}.ruleta-vacia{color:#7c8090}.ruleta-girando{animation:.15s infinite vibrar}.ruleta-letra{font-size:1.6rem;line-height:1}.ruleta-numero{font-size:2.4rem;line-height:1.1}@keyframes vibrar{0%{transform:translate(1px)rotate(-2deg)}50%{transform:translate(-1px,1px)rotate(2deg)}to{transform:translate(1px,-1px)rotate(0)}}.figura-preview{flex-direction:column;gap:2px;display:inline-flex}.figura-cabecera,.figura-fila{gap:2px;display:flex}.figura-cabecera span{text-align:center;width:1.1rem;color:var(--texto-suave);font-size:.65rem;font-weight:700}.figura-celda{text-align:center;background:#22304e;border-radius:3px;width:1.1rem;height:1.1rem;font-size:.7rem;line-height:1.1rem;display:inline-block}.figura-on{background:var(--acento)}.figura-libre{color:var(--acento);background:#22304e}.figura-editable{cursor:pointer}.figura-grande .figura-celda,.figura-grande .figura-cabecera span{width:2.4rem;height:2.4rem;font-size:1rem;line-height:2.4rem}.figuras-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.8rem;display:grid}.figura-item{flex-direction:column;gap:.3rem;font-size:.8rem;display:flex}.carton{border:1px solid var(--borde);background:#101a30;border-radius:10px;flex-direction:column;gap:3px;padding:.6rem;display:inline-flex}.carton-serial{text-align:center;color:var(--acento);font-weight:700}.carton-cabecera,.carton-fila{gap:3px;display:flex}.carton-cabecera span{text-align:center;width:2.2rem;font-weight:800}.carton-celda{text-align:center;background:#223050;border-radius:6px;width:2.2rem;height:2.2rem;font-size:.9rem;font-weight:600;line-height:2.2rem}.carton-libre{color:var(--acento)}.carton-marcada{color:#fff;background:#2c9a53}.carton-noaplica{opacity:.35}.carton-grande .carton-celda,.carton-grande .carton-cabecera span{width:3.4rem;height:3.4rem;font-size:1.4rem;line-height:3.4rem}.val-correcta{color:#fff;background:#2c9a53}.val-falta{color:#fff;background:#b03434}.val-no_aplica{opacity:.3}.carton-bingo .carton{outline:3px solid var(--acento)}.enjuego{grid-template-columns:minmax(560px,1.4fr) 1fr;align-items:start;gap:1rem;display:grid}.enjuego-izq,.enjuego-der{flex-direction:column;gap:1rem;display:flex}.bingo-alerta{border-color:var(--acento);box-shadow:0 0 18px #f5b42759}.pantalla{background:radial-gradient(at top,#14203c,#090e1c);min-height:100vh;padding:1.2rem 2rem}.pantalla-cabecera{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.pantalla-cabecera h1{font-size:2rem}.pantalla-figura{align-items:center;gap:.8rem;font-size:1.2rem;display:flex}.pantalla-cuerpo{grid-template-columns:1.5fr 1fr;align-items:start;gap:2rem;margin-top:1rem;display:grid}.pantalla .bola{width:2.8rem;height:2.8rem;font-size:1.15rem;line-height:2.8rem}.pantalla .letra{width:2.6rem;font-size:2rem}.pantalla .ruleta{width:11rem;height:11rem;margin:0 auto}.pantalla .ruleta-numero{font-size:4rem}.pantalla .ruleta-letra{font-size:2.4rem}.pantalla-der{flex-direction:column;gap:1.2rem;display:flex}.pantalla-balotas-jugadas{align-items:center;gap:1rem;margin-top:.8rem;display:flex}.contador{color:var(--acento);font-size:1.6rem;font-weight:800}.balotas-recientes{flex-wrap:wrap;gap:.4rem;display:flex}.bola-mini{background:#22304e;border-radius:999px;padding:.25rem .6rem;font-weight:700}.validacion-panel{text-align:center}.validacion-ganadora h2{color:var(--acento);font-size:1.8rem}.pantalla-conexion{margin-left:auto}.jugador-cartones{flex-wrap:wrap;gap:1rem;display:flex}.bingo-banner{background:var(--acento);color:#1a1405;text-align:center;border-radius:10px;margin:.6rem 0;padding:.8rem;font-size:1.4rem;font-weight:900;animation:.8s infinite alternate parpadeo}@keyframes parpadeo{0%{opacity:1}to{opacity:.65}}button.secundario{background:#33415f}.boton-grande{width:100%;padding:.8rem 1.4rem;font-size:1.15rem}.texto-libre{white-space:pre-wrap;margin:0}.publico{flex-direction:column;gap:1rem;max-width:960px;display:flex}.campana-cabecera{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.campana-cabecera h1{font-size:clamp(1.6rem,6vw,2.6rem)}.campana-cabecera .pantalla-logo{max-width:9rem;max-height:3.5rem}.campana-fecha{text-align:center;text-transform:capitalize;margin:0;font-size:1.15rem}.campana-precio{color:var(--acento);margin:0 0 .4rem;font-size:2rem;font-weight:800}.campana-precio span{color:var(--texto);font-size:1rem;font-weight:400}.cuenta{justify-content:center;gap:.5rem;display:flex}.cuenta div{background:var(--panel);border:1px solid var(--borde);text-align:center;border-radius:10px;min-width:4rem;padding:.5rem .6rem}.cuenta b{color:var(--acento);font-size:1.7rem;display:block}.cuenta span{color:var(--texto-suave);text-transform:uppercase;font-size:.7rem}.pasos{flex-wrap:wrap;gap:.3rem .9rem;margin:0;padding:0;list-style:none;display:flex}.pasos li{color:var(--texto-suave)}.pasos li.actual{color:var(--acento);font-weight:700}.form-compra{flex-direction:column;gap:.7rem;display:flex}.form-compra label{flex-direction:column;gap:.25rem;display:flex}.selector-filtros{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;display:grid}.selector-filtros label{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.selector-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.5rem;margin:.6rem 0;display:grid}.selector-carton{color:var(--texto);background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:.2rem;display:flex}.selector-carton.elegido{border-color:var(--acento);background:#f5b4271f}.selector-marca{color:var(--acento);font-size:.8rem;font-weight:700}.barra-compra{z-index:5;background:var(--panel);border:1px solid var(--borde);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem 1rem;display:flex;position:sticky;bottom:0}.chips{flex-wrap:wrap;gap:.3rem;display:flex}.chip{background:#22304e;border-radius:999px;padding:.15rem .6rem;font-size:.85rem;font-weight:600}.modal-fondo{z-index:20;background:#000000b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{flex-direction:column;align-items:center;gap:.6rem;max-width:100%;max-height:100%;display:flex;overflow:auto}.comprobante-img{object-fit:contain;background:#fff;max-width:min(90vw,700px);max-height:65vh}.estado-pendiente{color:var(--acento)}.estado-aprobada{color:#5fd08a}.estado-rechazada{color:#ff8484}.carton-mini{gap:2px;padding:.35rem}.carton-mini .carton-cabecera,.carton-mini .carton-fila{gap:2px}.carton-mini .carton-celda,.carton-mini .carton-cabecera span{border-radius:4px;width:1.45rem;height:1.45rem;font-size:.72rem;line-height:1.45rem}.carton-mini .carton-serial{font-size:.8rem}@media (width<=1000px){.enjuego,.pantalla-cuerpo{grid-template-columns:1fr}}@media (width<=480px){.pagina{padding:.8rem}.carton-grande .carton-celda,.carton-grande .carton-cabecera span{width:3rem;height:3rem;font-size:1.25rem;line-height:3rem}}