*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0F172A;--surface:#1E293B;--border:#334155;--text:#F8FAFC;--muted:#94A3B8;--accent:#047857;--accent-h:#059669;--accent-text:#6EE7B7;--red:#F87171}body,html{min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.movil{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;max-width:480px;margin:0 auto;padding:24px 20px}.movil .marca{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);margin-bottom:12px}.movil h1{font-size:32px;line-height:1.1;font-weight:800;letter-spacing:-.03em;margin-bottom:10px}.movil .sub{font-size:15px;color:var(--muted);margin-bottom:28px;line-height:1.4}.campo{width:100%;padding:16px;font-size:18px;font-family:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s}.campo:focus{border-color:var(--accent-text);box-shadow:0 0 0 3px rgba(110,231,183,.18)}.contador{font-size:12px;color:var(--muted);text-align:right;margin-top:6px}.boton{width:100%;margin-top:14px;padding:16px;font-size:16px;font-weight:700;font-family:inherit;color:#fff;background:var(--accent);border:none;border-radius:12px;cursor:pointer;transition:background .15s,transform .1s}.boton:hover{background:var(--accent-h)}.boton:active{transform:scale(.99)}.boton:disabled{opacity:.5;cursor:not-allowed}.boton.sec{background:transparent;border:1.5px solid var(--border);color:var(--text)}.error{margin-top:12px;font-size:14px;color:var(--red)}.gracias{text-align:center}.gracias .check{font-size:56px;margin-bottom:8px}.gracias h2{font-size:26px;font-weight:800;margin-bottom:8px;letter-spacing:-.02em}.gracias p{color:var(--muted);font-size:15px;margin-bottom:6px}.tus{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0}.tus span{background:rgba(110,231,183,.12);color:var(--accent-text);border:1px solid rgba(110,231,183,.3);padding:6px 14px;border-radius:9999px;font-size:14px;font-weight:600}.pantalla{height:100vh;display:flex;flex-direction:column;padding:32px 48px;overflow:hidden}.pantalla-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-shrink:0}.pantalla-top .marca{font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin-bottom:8px}.pantalla-top h1{font-size:clamp(36px,5vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.pantalla-top .total{margin-top:10px;font-size:18px;color:var(--muted)}.qrbox{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 18px}.qrbox img{width:132px;height:132px;border-radius:8px;background:#fff;padding:6px}.qrbox .t1{font-size:13px;color:var(--muted);margin-bottom:4px}.qrbox .t2{font-size:20px;font-weight:700;color:var(--accent-text);word-break:break-all}.nube{flex:1 1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px 28px;padding:16px 0;overflow:hidden}.palabra{font-weight:800;letter-spacing:-.02em;line-height:1.05;animation:pop .6s cubic-bezier(.2,1.4,.4,1) both;white-space:nowrap}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.vacia{margin:auto;text-align:center;color:var(--muted);font-size:24px}.cerrada-tag{display:inline-block;margin-top:10px;font-size:14px;color:#FCD34D;background:rgba(252,211,77,.1);border:1px solid rgba(252,211,77,.3);padding:4px 12px;border-radius:9999px}.admin{max-width:720px;margin:0 auto;padding:24px 16px 64px}.admin h1{font-size:24px;font-weight:800;margin-bottom:4px}.admin .sub{color:var(--muted);font-size:14px;margin-bottom:20px}.barra{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.barra .boton{margin-top:0;width:auto;padding:10px 16px;font-size:14px}.boton.peligro{background:#7F1D1D}.boton.peligro:hover{background:#991B1B}.fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.fila.oculta{opacity:.45}.fila .tx{font-size:16px;font-weight:600;word-break:break-word}.fila .hora{font-size:11px;color:var(--muted);margin-top:2px}.fila button{flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600;font-family:inherit;color:var(--text);background:transparent;border:1.5px solid var(--border);border-radius:8px;cursor:pointer}.fila button:hover{border-color:var(--accent-text)}.estado{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:9999px;margin-bottom:16px}.estado.abierta{background:rgba(110,231,183,.12);color:var(--accent-text)}.estado.cerrada{background:rgba(252,211,77,.12);color:#FCD34D}