:root,body{--bg-app: #0A1A2E;--bg-header: #102A45;--bg-card: rgba(255,255,255,.03);--bg-card-hover: rgba(255,255,255,.06);--bg-input: rgba(255,255,255,.04);--border-default: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.12);--border-accent: rgba(54,139,216,.35);--text-primary: #EAF1F8;--text-secondary: #9DB0C2;--text-muted: #9DB0C2;--text-dim: #78899B;--accent-green: #368BD8;--accent-green-bg: rgba(54,139,216,.15);--accent-yellow: #BCD63E;--accent-yellow-bg: rgba(188,214,62,.15);--accent-blue: #5AA0E0;--accent-blue-bg: rgba(90,160,224,.14);--accent-purple: #A78BFA;--accent-purple-bg: rgba(167,139,250,.12);--whatsapp: #25D366;--whatsapp-solido: #075E54;--accent-red: #E5564B;--accent-red-bg: rgba(229,86,75,.14);--win: #BCD63E;--loss: #E5564B;--stable: #67788B;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 4px 14px rgba(0,0,0,.4);--header-gradient: linear-gradient(180deg, #102A45 0%, #0A1A2E 100%);--avatar-bg: linear-gradient(135deg, #1B3A5C, #12273E);--avatar-text: #9DB0C2;--franja-manana-bg: rgba(188,214,62,.09);--franja-manana-border: rgba(188,214,62,.28);--franja-manana-text: #BCD63E;--franja-tarde-bg: rgba(90,160,224,.09);--franja-tarde-border: rgba(90,160,224,.28);--franja-tarde-text: #5AA0E0;--franja-noche-bg: rgba(167,139,250,.08);--franja-noche-border: rgba(167,139,250,.25);--franja-noche-text: #A78BFA;--nivel-7ma-color: #4ADE80;--nivel-7ma-bg: #052e16;--nivel-6ta-color: #60A5FA;--nivel-6ta-bg: #0c1d3a;--nivel-5ta-color: #A78BFA;--nivel-5ta-bg: #1e1145;--nivel-4ta-color: #FBBF24;--nivel-4ta-bg: #3d2800;--nivel-3ra-color: #F87171;--nivel-3ra-bg: #3b1111;--booking-bg: rgba(16,42,69,.97);--row-top1: rgba(188,214,62,.09);--row-top2: rgba(188,214,62,.06);--row-top3: rgba(188,214,62,.04);--row-default: rgba(255,255,255,.02)}body.light{--bg-app: #F1F5FA;--bg-header: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F1F6FC;--bg-input: #EEF3F9;--border-default: #E2E9F1;--border-hover: #CBD8E6;--border-accent: rgba(32,112,192,.35);--text-primary: #16263A;--text-secondary: #5B6B7C;--text-muted: #5B6B7C;--text-dim: #67788A;--accent-green: #2070C0;--accent-green-bg: rgba(32,112,192,.1);--accent-yellow: #638010;--accent-yellow-bg: rgba(143,184,30,.14);--accent-blue: #387AB9;--accent-blue-bg: rgba(59,130,196,.1);--accent-purple: #7C3AED;--accent-purple-bg: rgba(124,58,237,.08);--whatsapp: #075E54;--whatsapp-solido: #075E54;--accent-red: #DC392D;--accent-red-bg: rgba(220,59,48,.08);--win: #638010;--loss: #DC392D;--stable: #67788A;--shadow-sm: 0 1px 3px rgba(16,42,69,.08);--shadow-md: 0 4px 14px rgba(16,42,69,.1);--header-gradient: linear-gradient(180deg, #FFFFFF 0%, #F1F5FA 100%);--avatar-bg: linear-gradient(135deg, #DCE6F1, #C3D3E5);--avatar-text: #5B6B7C;--franja-manana-bg: rgba(143,184,30,.1);--franja-manana-border: rgba(143,184,30,.28);--franja-manana-text: #638010;--franja-tarde-bg: rgba(59,130,196,.08);--franja-tarde-border: rgba(59,130,196,.22);--franja-tarde-text: #387AB9;--franja-noche-bg: rgba(124,58,237,.06);--franja-noche-border: rgba(124,58,237,.2);--franja-noche-text: #7C3AED;--nivel-7ma-color: #059669;--nivel-7ma-bg: #ecfdf5;--nivel-6ta-color: #2563EB;--nivel-6ta-bg: #eff6ff;--nivel-5ta-color: #7C3AED;--nivel-5ta-bg: #f5f3ff;--nivel-4ta-color: #D97706;--nivel-4ta-bg: #fffbeb;--nivel-3ra-color: #DC2626;--nivel-3ra-bg: #fef2f2;--booking-bg: rgba(255,255,255,.97);--row-top1: rgba(143,184,30,.1);--row-top2: rgba(143,184,30,.06);--row-top3: rgba(143,184,30,.03);--row-default: #FFFFFF}body{background:var(--bg-app);color:var(--text-primary);transition:background .3s ease,color .3s ease;margin:0;-webkit-font-smoothing:antialiased;font-family:General Sans,system-ui,-apple-system,sans-serif}h1,h2,h3{font-family:Clash Display,General Sans,system-ui,sans-serif}@keyframes pl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pl-toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pl-toast-out{to{opacity:0;transform:translateY(10px)}}button{transition:transform .1s ease}button:active:not(:disabled){transform:scale(.97)}*:focus-visible{outline:2px solid var(--accent-yellow);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}input,select,textarea{font-size:16px!important}:root,body{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-0: 0px;--r-1: 8px;--r-2: 14px;--r-pill: 99px;--gutter: 14px;--fs-micro: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 24px;--fs-hero: 46px;--fw-normal: 500;--fw-bold: 700;--fw-black: 800;--track-label: .14em;--track-tight: -.02em;--track-hero: -.045em;--font-display: "Clash Display", "General Sans", system-ui, sans-serif;--font-body: "General Sans", "Manrope", system-ui, -apple-system, sans-serif;--tap: 44px;--tap-2: 38px;--tap-3: 32px}:root,body{--hero-bg: #15355A;--hero-ink: #EAF1F8;--hero-ink-dim: #8FA6BE;--hero-line: rgba(255,255,255,.14);--hero-accent: #BCD63E;--surface: #102A45;--surface-alt: #0E2239;--rule: rgba(255,255,255,.08);--rule-strong: rgba(255,255,255,.16);--destacada-bg: #1D4373;--destacada-ink: #EAF1F8;--destacada-dim: #9DB8D4;--destacada-line: rgba(255,255,255,.16);--hero-grad: linear-gradient(145deg, #1B4276 0%, #15355A 45%, #102A45 100%);--elev: 0 1px 2px rgba(0,0,0,.28);--elev-alta: 0 6px 18px rgba(0,0,0,.35)}body.light{--hero-bg: #15355A;--hero-ink: #EAF1F8;--hero-ink-dim: #8FA6BE;--hero-line: rgba(255,255,255,.14);--hero-accent: #BCD63E;--surface: #FFFFFF;--surface-alt: #F4F7FA;--rule: #E4EAF1;--rule-strong: #D3DDE7;--destacada-bg: #1D4373;--destacada-ink: #EAF1F8;--destacada-dim: #9DB8D4;--destacada-line: rgba(255,255,255,.16)}body.light{--hero-grad: linear-gradient(145deg, #1B4276 0%, #15355A 45%, #102A45 100%);--elev: 0 1px 2px rgba(21,53,90,.06), 0 1px 1px rgba(21,53,90,.04);--elev-alta: 0 8px 20px rgba(21,53,90,.16)}:root,body{--borde-suave: rgba(90,160,224,.35)}body.light{--borde-suave: rgba(32,112,192,.28)}:root,body{--boton-secundario-ink: var(--text-primary)}body.light{--boton-secundario-ink: var(--hero-bg)}:root,body{--chip-activo-bg: var(--destacada-bg)}body.light{--chip-activo-bg: var(--hero-bg)}
