
/* tvabierta-refinamiento-v1: presentación; sin cambios en el motor. */
html body{--tv-surface:#101b2b;--tv-border:#26364b;--tv-muted:#aab9cb;--tv-cyan:#67e8f9}
html body>header{background:#0a1423!important;border-bottom:1px solid #26364b!important;box-shadow:none!important}
html body .sidebar{background:#0b1422!important;border-left:1px solid #26364b!important}
html body .sidebar-header{padding:16px!important;border-bottom:1px solid #233147!important}
html body #channelTitle{font-size:16px!important;font-weight:700!important;color:#f1f5f9!important;letter-spacing:.01em}
html body #searchInput{min-height:46px!important;background:#121f31!important;border:1px solid #33445c!important;border-radius:12px!important;color:#f1f5f9!important;font-size:14px!important;box-shadow:none!important}
html body #searchInput::placeholder{color:#aab9cb!important;opacity:1}
html body .catalog-summary{font-size:12px!important;color:#aab9cb!important;margin-top:8px!important}
html body .categories-nav{padding:10px!important;border-bottom:1px solid #233147!important;background:#0c1625!important}
html body .category-btn{min-height:36px!important;border-radius:10px!important;background:#162235!important;color:#cbd5e1!important;box-shadow:none!important;font-size:12px!important}
html body .category-btn.active{background:#16465a!important;color:#eafcff!important;border-color:#40c4dc!important}
html body .category-count{background:#243b50!important;color:#e0f2fe!important}
html body .categories-scroll-btn{border-radius:10px!important;border-color:#33445c!important;background:#122235!important;min-width:40px!important;min-height:40px!important;box-shadow:none!important}
html body .categories-scroll-btn:disabled{opacity:.35!important}
html body .channels-scroll-hint{border:0!important;color:#94a9bf!important;font-size:11px!important;padding:5px 14px!important}
html body #channels{padding:8px 10px 14px!important;scrollbar-color:#47728a #0b1422!important;scrollbar-width:thin}
html body #channels .channel-card{background:#111e30!important;border:1px solid #223249!important;border-radius:12px!important;box-shadow:none!important;margin-bottom:7px!important;transform:none!important;transition:background-color .12s ease,border-color .12s ease!important}
html body #channels .channel-card:hover{background:#182b40!important;border-color:#476078!important}
html body #channels .channel-card.active{background:#123b4d!important;border-color:#46c5dc!important;box-shadow:inset 3px 0 #67e8f9!important}
html body #channels .channel-card .channel-name{color:#f1f5f9!important;font-size:14px!important;font-weight:650!important;line-height:1.3!important}
html body #channels .channel-card .channel-category{color:#aab9cb!important;font-size:11px!important}
html body #channels .channel-card .channel-number{color:#67e8f9!important;font-weight:600!important}
html body #channels .channel-card .thumb{background:#09111d!important;border-radius:8px!important}
html body #channels .channel-card .thumb img{object-fit:contain!important;filter:none!important}
html body .favorite-toggle{background:#17273b!important;border:1px solid #33465d!important;border-radius:10px!important;color:#aab9cb!important;min-width:44px!important;min-height:44px!important}
html body .favorite-toggle.is-favorite{color:#fde68a!important;background:#3a3220!important;border-color:#8e7540!important}
html body .actions-bar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;align-items:center!important;gap:10px!important;padding:12px!important;background:#0d1727!important;border-top:1px solid #26364b!important;position:relative!important}
html body .now-playing{min-width:0!important;width:auto!important;gap:10px!important}
html body .now-playing .channel-logo{display:block!important;width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important}
html body .now-playing .channel-logo img{width:40px!important;height:40px!important;object-fit:contain!important}
html body .now-playing h3{font-size:15px!important;font-weight:650!important;line-height:1.35!important;display:inline-block!important;margin:0!important}
html body .now-playing small{font-size:11px!important;color:#aab9cb!important;margin-left:8px!important}
html body .tv-playback-status{font-size:12px!important;line-height:1.4!important;margin-top:3px!important}
html body .tv-connection-details{font-size:11px!important;color:#aab9cb!important;margin-top:0!important}
html body .tv-connection-details summary{padding-block:4px!important}
html body .actions-group{width:100%!important;min-width:0!important;gap:8px!important;padding:3px!important;align-items:center!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important}
html body .actions-group .action-btn,html body #tvMorePanel .action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:44px!important;padding:9px 12px!important;border:1px solid #33445a!important;border-radius:10px!important;background:#17263a!important;color:#e2e8f0!important;box-shadow:none!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important;transform:none!important}
html body .actions-group .action-btn[hidden]{display:none!important}
html body .actions-group .action-btn:hover,html body #tvMorePanel .action-btn:hover{background:#223b52!important;border-color:#5f8099!important}
html body .actions-group #tvGuideButton{background:#14546a!important;color:#f0fdff!important;border-color:#40bdd2!important}
html body .actions-group #favoriteCurrentBtn[aria-pressed="true"]{color:#fde68a!important;border-color:#8e7540!important}
html body .action-btn .tv-refine-icon{display:inline-flex!important;width:18px!important;height:18px!important;flex:0 0 18px!important;align-items:center;justify-content:center}
html body .tv-refine-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body .action-btn .tv-refine-label{display:block!important}
html body #tvMorePanel:not([hidden]){position:fixed!important;display:flex!important;flex-direction:column!important;gap:6px!important;width:224px!important;max-width:calc(100vw - 24px)!important;padding:8px!important;margin:0!important;box-sizing:border-box!important;border:1px solid #40536b!important;border-radius:12px!important;background:#101e30!important;box-shadow:0 12px 32px #0006!important;z-index:1300!important}
html body #tvMorePanel[hidden]{display:none!important}
html body #tvMorePanel .action-btn{width:100%!important;justify-content:flex-start!important}
html body .tv-zap{background:#0c1929!important;border-top:1px solid #26364b!important;border-bottom:1px solid #26364b!important;padding:5px 12px!important}
html body .tv-zap button{min-height:38px!important;border:1px solid #33445a!important;background:#142438!important;border-radius:10px!important;color:#e2e8f0!important}
html body .tv-zap::before{color:#aab9cb!important}
html body #tvGuide{background:rgba(8,17,31,.91)!important;border-left:1px solid #3a526b!important;box-shadow:-10px 0 28px #0004!important;width:min(400px,100%)!important}
html body #tvGuide.tv-guide-windowed{position:fixed!important;inset:auto!important;left:var(--tv-guide-left)!important;top:var(--tv-guide-top)!important;width:var(--tv-guide-width)!important;height:var(--tv-guide-height)!important;max-height:calc(100dvh - 24px)!important;border:1px solid #3a526b!important;border-radius:14px!important;z-index:1200!important}
html body #tvGuide header{flex:0 0 auto!important;min-height:56px!important;padding:10px 16px!important;border-bottom:1px solid #33445a!important;gap:12px!important}
html body #tvGuideSearch{flex:0 0 auto!important;margin-top:12px!important;background:#122237!important;border-color:#425b74!important;border-radius:10px!important;font-size:14px!important}
html body #tvGuideCount{font-size:12px!important;color:#cbd5e1!important;padding-block:4px 8px!important}
html body #tvGuideList .tv-guide-channel{background:rgba(20,35,53,.92)!important;border:1px solid #33465d!important;border-radius:10px!important;gap:10px!important;margin:6px 0!important;min-height:68px!important;scroll-margin-block:8px}
html body #tvGuideList .tv-guide-channel[aria-current="true"]{background:#153f52!important;border-color:#43c7de!important}
html body #tvGuideList .tv-guide-channel:hover{background:#234359!important}
html body #tvGuideList .tv-guide-channel:focus-visible{background:#254b61!important;outline:3px solid #67e8f9!important;outline-offset:-3px!important}
html body #tvGuideList img{object-fit:contain!important;filter:none!important}
html body #tvGuide .tv-guide-filters button{min-height:40px!important;font-size:13px!important}
html body #tvChannelNotice{border-radius:12px!important;background:rgba(8,17,31,.94)!important;border-color:#3a526b!important;max-width:min(620px,calc(100% - 32px))!important}
html body #tvChannelNotice strong{font-size:clamp(17px,2vw,21px)!important}
html body .quick-links.tv-refined-links{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 20px!important;overflow:visible!important;padding:12px 16px!important;background:#0b1422!important}
.tv-footer-primary,.tv-footer-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
.tv-footer-secondary{margin-left:auto}
html body .quick-links .quick-link{min-height:36px!important;padding:6px 10px!important;border-radius:9px!important;border:1px solid #293a50!important;background:#111f31!important;box-shadow:none!important;color:#cbd5e1!important;font-size:12px!important}
html body .tv-footer-secondary .quick-link{background:transparent!important;border-color:transparent!important;color:#aab9cb!important}
html body .quick-link__icon{background:transparent!important;box-shadow:none!important;display:inline-flex!important;align-items:center;justify-content:center}
html body .quick-link__icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tv-footer-caption{font-size:11px;color:#94a9bf;margin-right:3px}
html body .tv-seo{background:#0b1422!important;border-top:1px solid #233147!important;padding:8px 16px!important}
html body .tv-seo summary{color:#aab9cb!important;font-size:12px!important;min-height:36px!important}
html body .search-empty{padding:28px 18px!important;color:#e2e8f0!important;line-height:1.6!important}
html body :is(.action-btn,.quick-link,#tvGuideClose):focus-visible{outline:3px solid #67e8f9!important;outline-offset:-3px!important;transform:none!important}
@media(min-width:1600px){html body .actions-bar{grid-template-columns:minmax(180px,240px) minmax(0,1fr)!important}}
@media(max-width:700px){html body .actions-bar{padding:10px 8px!important;gap:8px!important}html body .actions-group{gap:6px!important}html body .actions-group .action-btn{padding:9px 10px!important}html body .tv-footer-secondary{margin-left:0}html body #tvGuide.tv-guide-windowed{border-radius:12px!important}}
@media(prefers-reduced-motion:reduce){html body #channels .channel-card{transition:none!important}}
@media(prefers-reduced-transparency:reduce){html body #tvGuide{background:#08111f!important}}

