.app{display:flex;flex-direction:column;min-height:100vh;background:var(--tv-bg);font-family:Fredoka,sans-serif}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--tv-white);border-bottom:3px solid var(--tv-black);position:sticky;top:0;z-index:100;box-shadow:var(--tv-shadow-sm)}.header-left{display:flex;flex-direction:column;gap:0}.logo{font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--tv-red);line-height:1}.logo-sub{font-size:11px;color:var(--tv-blue);text-transform:uppercase;font-weight:700;letter-spacing:1px}.clock{text-align:center}.clock-time{font-size:32px;font-weight:700;color:var(--tv-black);font-variant-numeric:tabular-nums;line-height:1}.clock-date{display:block;font-size:13px;font-weight:600;color:var(--tv-sub);margin-top:2px;text-transform:capitalize;font-family:Nunito,sans-serif}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.conn-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;transition:all .3s ease}.is-flashing{transform:scale(1.1);box-shadow:0 0 15px var(--tv-blue);background:var(--tv-blue)!important;color:#fff!important;border-color:var(--tv-blue)!important}.conn-ok{background:#dcfce7;color:#16a34a;border:1px solid #86EFAC}.conn-err{background:#fee2e2;color:#dc2626;border:1px solid #FCA5A5}.conn-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.last-update{font-size:11px;color:var(--tv-light);font-weight:600}.main{flex:1;padding:20px 24px;display:flex;flex-direction:column;gap:20px;max-width:1600px;width:100%;margin:0 auto}.aforos{display:grid;grid-template-columns:1fr 1fr;gap:20px}.aforo-card{background:var(--tv-white);border-radius:24px;padding:20px 24px;box-shadow:var(--tv-shadow);border:2px solid var(--tv-border);transition:transform .2s ease}.aforo-card:hover{transform:translateY(-2px)}.aforo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.aforo-zone{font-size:20px;font-weight:800;text-transform:uppercase}.aforo-sub{font-size:14px;font-weight:700;color:var(--tv-sub);opacity:.8}.aforo-count{text-align:right}.aforo-active{font-size:44px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.aforo-sep{font-size:18px;color:var(--tv-light);font-weight:700}.aforo-bar-bg{height:12px;background:#f3f4f6;border-radius:999px;overflow:hidden;margin-bottom:12px;border:1px solid var(--tv-border)}.aforo-bar-fill{height:100%;border-radius:999px;box-shadow:inset 0 2px 4px #0000001a}.aforo-footer{display:flex;justify-content:space-between;align-items:center}.aforo-libre{font-size:14px;font-weight:700;color:#16a34a}.aforo-libre.zero{color:var(--tv-red);font-weight:800}.aforo-espera{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 16px;border-radius:16px}.aforo-espera.no-waiting{background:#f9fafb;border:1.5px solid var(--tv-border)}.aforo-espera.has-waiting{background:#fffbeb;border:1.5px solid #FDE68A;animation:pulse-warn 2s infinite}@keyframes pulse-warn{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 0 4px #fbbf2426}}.aforo-espera-label{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--tv-sub)}.aforo-espera.has-waiting .aforo-espera-label{color:#d97706}.aforo-espera-num{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--tv-sub)}.aforo-espera.has-waiting .aforo-espera-num{color:#d97706}.rec-box{padding:16px;border-radius:12px;font-size:15px;font-weight:700;text-align:center;border:1px solid var(--tv-border);background:var(--tv-white);box-shadow:var(--tv-shadow-sm);display:flex;align-items:center;justify-content:center;gap:10px}.rec-box:before{content:"";width:8px;height:8px;border-radius:50%}.rec-ok{color:#16a34a}.rec-ok:before{background:#16a34a}.rec-warn{color:#d97706}.rec-warn:before{background:#d97706}.rec-danger{color:#dc2626}.rec-danger:before{background:#dc2626}.tables{display:grid;grid-template-columns:1fr 1fr;gap:20px}.zone-table-wrap{background:var(--tv-white);border-radius:20px;overflow:hidden;box-shadow:var(--tv-shadow);border:2px solid var(--tv-border)}.zone-table-header{padding:14px 20px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:2px solid var(--tv-border);display:flex;justify-content:space-between;align-items:center}.ticket-table{width:100%;border-collapse:collapse}.ticket-table th{padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--tv-light);text-align:left;background:var(--tv-white);border-bottom:1px solid var(--tv-border)}.ticket-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid #F3F4F6;font-family:Nunito,sans-serif;font-weight:700}.ticket-table tr:last-child td{border-bottom:none}.ticket-row{transition:background .2s}.ticket-row:hover{background:#f9fafb}.row-over{background:#fff1f2!important}.row-urgent{background:#fff7ed!important}.row-waiting{opacity:.6}.td-code{font-family:Courier New,monospace;font-weight:800;font-size:13px}.td-name{color:var(--tv-black)}.td-table{color:var(--tv-blue);font-weight:800}.td-timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:15px}.badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.badge.active{background:#dcfce7;color:#16a34a}.badge.waiting{background:#fef3c7;color:#d97706}.badge.over{background:#fee2e2;color:#dc2626}.empty-state{text-align:center;padding:40px;color:var(--tv-light);font-size:15px;font-weight:600}@media (max-width: 1200px){.aforos,.tables{grid-template-columns:1fr}}@media (max-width: 768px){.main{padding:12px}.header{padding:10px 16px}.logo{font-size:20px}.clock-time{font-size:24px}}:root{--tv-bg: #F3F4F6;--tv-white: #FFFFFF;--tv-red: #E11D48;--tv-blue: #2563EB;--tv-black: #000000;--tv-text: #1F2937;--tv-sub: #4B5563;--tv-light: #9CA3AF;--tv-border: #E5E7EB;--tv-shadow: 0 4px 20px rgba(0, 0, 0, .08);--tv-shadow-sm: 0 2px 8px rgba(0, 0, 0, .05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--tv-bg);color:var(--tv-text);font-family:Fredoka,Nunito,system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:Fredoka,sans-serif}