:root{--color-primary: #1A3A6B;--color-primary-dark: #0F2548;--color-primary-light: #2A5298;--color-accent: #FFD700;--color-accent-hover: #E6C200;--color-tv-bg: #0A0E1A;--color-tv-card-bg: rgba(255, 255, 255, .05);--color-tv-card-border: rgba(255, 215, 0, .2);--color-atril-bg: #FAFAF8;--color-surface: #FFFFFF;--color-surface-hover: #F3F4F6;--color-text: #1A1A2E;--color-text-muted: #6B7280;--color-text-light: #F9FAFB;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 30px;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 8px 24px rgba(0,0,0,.08);--shadow-lg: 0 16px 40px rgba(0,0,0,.12);--shadow-glow: 0 0 35px rgba(255, 215, 0, .35);--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;font-family:var(--font-primary);background-color:var(--color-atril-bg);color:var(--color-text);overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.btn-accent{background-color:var(--color-accent);color:var(--color-primary-dark);font-weight:700}.btn-accent:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.glass-card{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.tv-container{min-height:100vh;background-color:var(--color-tv-bg);color:var(--color-text-light);display:flex;flex-direction:column;justify-content:space-between;padding:2rem;background-image:radial-gradient(circle at 15% 15%,rgba(26,58,107,.35) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(255,215,0,.15) 0%,transparent 50%)}.tv-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.tv-logo{height:60px;object-fit:contain}.tv-title{font-size:2.2rem;font-weight:800;letter-spacing:-.5px;color:var(--color-text-light)}.tv-clock{font-size:2rem;font-weight:700;color:var(--color-accent)}.tv-main-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;flex:1;margin:2rem 0}@media (max-width: 900px){.tv-main-grid{grid-template-columns:1fr}}.tv-current-turn-card{background:linear-gradient(135deg,#1a3a6bcc,#0f2548e6);border:3px solid var(--color-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow),0 20px 50px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;animation:pulseGlow 3s infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 25px #ffd70040}to{box-shadow:0 0 45px #ffd7008c}}.tv-current-label{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--color-accent);margin-bottom:.5rem}.tv-current-number{font-size:7.5rem;font-weight:900;line-height:1;letter-spacing:-2px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5);margin:1rem 0}.tv-current-modulo{font-size:3rem;font-weight:800;background:var(--color-accent);color:var(--color-primary-dark);padding:.5rem 2.5rem;border-radius:50px;margin-top:1rem}.tv-current-servicio{font-size:1.6rem;font-weight:500;color:#fffc;margin-top:1.5rem}.tv-recent-section{display:flex;flex-direction:column;gap:1rem}.tv-recent-header{font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fff9;margin-bottom:.5rem}.tv-recent-item{display:flex;justify-content:space-between;align-items:center;background:var(--color-tv-card-bg);border:1px solid var(--color-tv-card-border);backdrop-filter:blur(10px);padding:1.2rem 1.8rem;border-radius:var(--radius-md);transition:transform var(--transition-fast)}.tv-recent-item:hover{transform:translate(6px)}.tv-recent-number{font-size:2.2rem;font-weight:800;color:#fff}.tv-recent-modulo{font-size:1.4rem;font-weight:700;color:var(--color-accent)}.tv-footer{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.95rem;color:#ffffff80;letter-spacing:.5px}.tv-footer strong{color:var(--color-accent)}.atril-container{min-height:100vh;background:var(--color-atril-bg);display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem}.atril-header{text-align:center;margin-bottom:2rem}.atril-logo{max-height:70px;margin-bottom:1rem}.atril-title{font-size:2.5rem;font-weight:800;color:var(--color-primary)}.atril-subtitle{font-size:1.3rem;color:var(--color-text-muted);margin-top:.5rem}.atril-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1200px;width:100%;margin:0 auto}.atril-card{background:#fff;border:2px solid #E5E7EB;border-radius:var(--radius-lg);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);min-height:180px}.atril-card:hover,.atril-card:active{border-color:var(--color-primary);transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);background:linear-gradient(180deg,#fff,#f0f4fa)}.atril-card-icon{width:50px;height:50px;color:var(--color-primary);margin-bottom:1rem}.atril-card-name{font-size:1.6rem;font-weight:700;color:var(--color-primary)}.atril-card-prefix{font-size:1rem;font-weight:600;color:var(--color-text-muted);margin-top:.4rem;background:#e5e7eb;padding:4px 12px;border-radius:20px}.atril-ticket-popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.atril-ticket-card{background:#fff;border-radius:var(--radius-xl);padding:3rem 2.5rem;text-align:center;max-width:480px;width:100%;box-shadow:var(--shadow-lg);animation:modalAppear .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalAppear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.atril-ticket-number{font-size:5rem;font-weight:900;color:var(--color-primary);letter-spacing:-1px;margin:1rem 0}@media (orientation: portrait){.atril-container{padding:1.5rem}.atril-title{font-size:2rem}.atril-grid{grid-template-columns:1fr}}