*{margin:0;padding:0;box-sizing:border-box}:root{--background: #050d1a;--surface: #0a1628;--surface-light: #0d2137;--card: #0d2137;--card-hover: #1a3a5c;--primary: #3498db;--primary-dark: #2980b9;--accent: #2c8b94;--text-primary: #ffffff;--text-secondary: #b8c5d3;--text-muted: #6a7d8f;--focus-border: #22D3EE;--focus-glow: #06B6D4;--focus-bg: #083344;--focus-neon: #22D3EE;--live: #e74c3c;--vod: #e67e22;--series: #27ae60;--error: #e74c3c;--warning: #f39c12;--success: #27ae60;--divider: rgba(52, 152, 219, .15);--border: rgba(52, 152, 219, .2)}html{width:100%;height:100%;height:-webkit-fill-available;background-color:var(--background);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}body{width:100%;min-height:100%;min-height:-webkit-fill-available;background-color:var(--background);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#root{width:100%;min-height:100%;min-height:-webkit-fill-available;overflow:visible}*:focus{outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--focus-neon);border-radius:3px;opacity:.6}::-webkit-scrollbar-thumb:hover{background:var(--focus-glow)}*{scrollbar-width:thin;scrollbar-color:var(--focus-neon) var(--surface)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.no-select{user-select:none;-webkit-user-select:none}.focusable{transition:all .15s ease-out;cursor:pointer}.focusable:focus,.focusable.focused{outline:none;box-shadow:0 0 0 3px var(--focus-border),0 0 20px var(--focus-glow);transform:scale(1.02);z-index:10}.card-focusable{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;border:2px solid transparent}.card-focusable:focus,.card-focusable.focused{border-color:var(--focus-border);box-shadow:0 0 0 2px var(--focus-border),0 0 30px #22d3ee4d;transform:scale(1.05)}.btn-focusable:focus,.btn-focusable.focused{box-shadow:0 0 0 3px var(--focus-border),0 0 15px var(--focus-glow);transform:scale(1.02)}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--primary);color:var(--text-primary)}.btn:hover,.btn:focus{background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--focus-neon);color:var(--background)}.btn-primary:hover,.btn-primary:focus{background:var(--focus-glow)}.btn-secondary{background:transparent;border:2px solid var(--text-primary);color:var(--text-primary)}.btn-secondary:hover,.btn-secondary:focus{background:#ffffff1a}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover,.btn-ghost:focus{background:var(--surface-light);color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--focus-neon),0 0 10px var(--focus-neon)}50%{box-shadow:0 0 10px var(--focus-neon),0 0 20px var(--focus-neon)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .3s ease-out}.fade-out{animation:fadeOut .3s ease-out}.slide-up{animation:slideUp .3s ease-out}.slide-down{animation:slideDown .3s ease-out}.slide-in-left{animation:slideInLeft .3s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}.scale-in{animation:scaleIn .2s ease-out}.skeleton{background:linear-gradient(90deg,var(--surface-light) 25%,var(--card-hover) 50%,var(--surface-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.grid-auto-200{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-auto-250{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-auto-300{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-4{padding-left:16px;padding-right:16px}.py-4{padding-top:16px;padding-bottom:16px}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:20px}.m-6{margin:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-md{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:24px}.text-2xl{font-size:32px}.text-3xl{font-size:40px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-accent{color:var(--focus-neon)}.text-error{color:var(--error)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}img{max-width:100%;height:auto}.img-cover{object-fit:cover}.img-contain{object-fit:contain}video{width:100%;height:100%;background:#000}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-enclosure{display:none!important}.overlay{position:fixed;inset:0;background:#050d1ae6;z-index:100}.overlay-light{background:#050d1ab3}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-live{background:var(--live);color:#fff}.badge-vod{background:var(--vod);color:#fff}.badge-series{background:var(--series);color:#fff}.chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:16px;font-size:13px;background:var(--surface-light);color:var(--text-secondary);border:1px solid var(--border)}.chip-active{background:var(--focus-neon);color:var(--background);border-color:var(--focus-neon)}.rating{display:flex;align-items:center;gap:2px}.rating-star{color:var(--text-muted)}.rating-star.filled,.rating-star.half{color:#f1c40f}.progress-bar{width:100%;height:4px;background:var(--surface-light);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--focus-neon);border-radius:2px;transition:width .3s ease}.hide-on-tv{display:block}.show-on-tv{display:none}.hide-on-mobile{display:block}.show-on-mobile{display:none}@media(hover:none)and (pointer:coarse){.hide-on-tv{display:none}.show-on-tv{display:block}}@media(max-width:768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}.text-xl{font-size:20px}.text-2xl{font-size:26px}.text-3xl{font-size:32px}button,a,[role=button]{min-height:44px;min-width:44px}}@media(min-width:769px)and (max-width:1024px){.grid-5,.grid-6{grid-template-columns:repeat(4,1fr)}}@media(min-width:1025px){.card-focusable{min-width:200px}}@media(min-width:1920px){.grid-auto{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}:root{font-size:18px}.card-focusable{min-width:240px}}@media screen and (orientation:portrait)and (max-width:768px){.player-landscape-only:before{content:"Gire o dispositivo para modo paisagem";position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--background);color:var(--text-primary);font-size:18px;text-align:center;padding:24px;z-index:1000}}.transition-all{transition:all .2s ease}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.transition-transform{transition:transform .2s ease}.transition-opacity{transition:opacity .2s ease}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-hidden{cursor:none!important}.rounded-sm{border-radius:4px}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0003}.shadow{box-shadow:0 2px 8px #0000004d}.shadow-lg{box-shadow:0 4px 16px #0006}.shadow-glow{box-shadow:0 0 20px var(--focus-neon)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-100{z-index:100}body.tv-mode{cursor:none;user-select:none;-webkit-user-select:none;overflow:hidden}body.tv-mode *{cursor:none!important}body.tv-mode button,body.tv-mode [role=button],body.tv-mode .focusable{min-height:48px;min-width:48px}body.tv-mode .focusable:focus,body.tv-mode .focusable.focused{box-shadow:0 0 0 4px var(--focus-border),0 0 30px var(--focus-glow);transform:scale(1.05)}body.tv-mode .card-focusable:focus,body.tv-mode .card-focusable.focused{box-shadow:0 0 0 4px var(--focus-border),0 0 40px #22d3ee80;transform:scale(1.08)}body.tv-mode{font-size:18px}body.tv-mode h1{font-size:2.5rem}body.tv-mode h2{font-size:2rem}body.tv-mode h3{font-size:1.5rem}body.tv-mode p{font-size:1.1rem}body.tv-mode ::-webkit-scrollbar{display:none}body.tv-mode *{scrollbar-width:none;-ms-overflow-style:none}body.tv-mode .tv-safe-area{padding:48px 90px}@keyframes tv-focus-pulse{0%,to{box-shadow:0 0 0 3px var(--focus-border),0 0 20px var(--focus-glow)}50%{box-shadow:0 0 0 4px var(--focus-border),0 0 35px var(--focus-glow)}}body.tv-mode .focusable:focus,body.tv-mode .focusable.focused{animation:tv-focus-pulse 1.5s ease-in-out infinite}