:root{--fondo:#f4f5f7;--tarjeta:#fff;--texto:#14181f;--suave:#5f6b7a;--borde:#dde1e6;--acento:#1f5fd1;--rojo:#d23b3b;--ambar:#e09b16;--verde:#2e9b5a;color:var(--texto);background:var(--fondo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--fondo:#14181f;--tarjeta:#1d232c;--texto:#eef1f5;--suave:#9aa6b4;--borde:#2c3440}}*{box-sizing:border-box}body{background:var(--fondo);margin:0}h1{margin:0 0 1rem}h2{margin:1rem 0 .75rem;font-size:1.2rem}h3{margin:0 0 .5rem;font-size:1rem}button{font:inherit;background:var(--acento);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:.7rem 1rem}button:disabled{opacity:.6}button.enlace{color:var(--acento);background:0 0;padding:.4rem}input{font:inherit;border:1px solid var(--borde);background:var(--tarjeta);width:100%;color:var(--texto);border-radius:10px;padding:.7rem}.centrado{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100vh;padding:1rem;display:flex}.suave{color:var(--suave)}.error{color:var(--rojo)}.app main{max-width:900px;margin:0 auto;padding:0 1rem 2rem}.cabecera{background:var(--tarjeta);border-bottom:1px solid var(--borde);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.cabecera .suave{text-align:right;flex:1}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:.85rem}.formulario{flex-direction:column;gap:.75rem;width:100%;max-width:360px;display:flex}.formulario label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.lista{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.fila{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.apagada{opacity:.6}.marcas{color:var(--acento);font-weight:700}.estado{color:var(--suave);font-size:.9rem}.cifras{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem;margin-bottom:.8rem;display:grid}.cifra{flex-direction:column;display:flex}.cifra strong{font-size:1.6rem}.cifra span{color:var(--suave);font-size:.85rem}.zonas{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem;display:grid}.salones{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.salon{color:#fff;border-radius:8px;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;font-weight:600;display:flex}.salon .detalle{font-size:.85rem;font-weight:400}.semaforo-rojo{background:var(--rojo)}.semaforo-ambar{background:var(--ambar)}.semaforo-verde{background:var(--verde)}select{font:inherit;border:1px solid var(--borde);background:var(--tarjeta);width:100%;color:var(--texto);border-radius:10px;padding:.7rem}button.secundario{background:var(--tarjeta);color:var(--acento);border:1px solid var(--acento)}.formulario.ancho{max-width:none}.botones{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.botones>button{flex:1}.botones.grandes{flex-direction:column;margin:1rem 0}.botones.grandes>button{padding:.95rem;font-size:1.05rem}.aviso-rojo{background:var(--rojo);color:#fff;border-radius:10px;padding:.7rem;font-weight:600}.aviso-verde{background:var(--verde);color:#fff;border-radius:10px;padding:.7rem;font-weight:600}button.tarjeta.pulsable{text-align:left;width:100%;color:var(--texto);flex-direction:column;gap:.2rem;display:flex}.historia li{border-bottom:1px solid var(--borde);justify-content:space-between;gap:.5rem;padding:.4rem 0;font-size:.9rem;display:flex}.pantalla-qr{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding-top:1rem;display:flex}.pantalla-qr .qr{background:#fff;border-radius:12px;width:min(80vw,340px);height:auto;padding:.5rem}.pantalla-qr .camara{background:#000;border-radius:12px;width:min(92vw,420px);display:block}.visor{position:relative}.visor:after{content:"";aspect-ratio:1;pointer-events:none;border:3px solid #ffffffd9;border-radius:12px;height:66%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resultado{color:#fff;border-radius:12px;width:100%;max-width:420px;padding:1.1rem;font-size:1.2rem;font-weight:700}.resultado.verde{background:var(--verde)}.resultado.rojo{background:var(--rojo)}.tv{min-height:100vh;padding:1.5rem}.tv .cifra strong{font-size:2.4rem}.tv .salon{padding:.9rem 1rem;font-size:1.3rem}.actualizado{margin:0 0 .6rem;font-size:.85rem}.tv .actualizado{font-size:1.1rem}.desfasado{opacity:.4}