/* Tema 4 adaptado para LG webOS 16:9 e navegação por controle remoto. */
:root{--t4-purple:#b03cd9;--t4-panel:rgba(45,53,50,.96);--t4-line:#627169}
.browser-view{padding:0;background:radial-gradient(circle at 72% 45%,rgba(19,85,42,.28),transparent 45%),#020805}
.browser-top{height:9.5vh;padding:0 3.2vw;gap:0;border-bottom:.18vw solid var(--t4-line)}
.browser-back,.browser-tab{height:5.4vh;padding:0 2.6vw;border-right:.16vw solid #69766f;font-size:1.45vw}
.browser-tab.active{color:var(--t4-purple);font-weight:800}.browser-search{margin-left:2vw;width:21vw;height:4.4vh;font-size:1vw}
.browser-top .brand .brand-mark{width:3.8vw;height:3.8vw;background:url('zenix-logo.svg') center/contain no-repeat;color:transparent;border:0}
.browser-body{height:90.5vh;grid-template-columns:23% 27% 50%}.browser-body.vod{grid-template-columns:25% 75%}
.group-column,.items-column{padding:.8vh .45vw;border-right:.16vw solid #4e5b54}.group-column h2,.items-heading{height:4vh;margin:.3vh .8vw}
.group-button{height:6vh;padding:0 1.35vw;font-size:1.05vw;background:linear-gradient(100deg,#353a39,#2d3531);border:.12vw solid #111813}
.group-button:focus,.group-button.active{color:var(--t4-purple);border-color:var(--t4-purple);box-shadow:inset .28vw 0 var(--t4-purple)}
.channel-list{display:grid;gap:.25vh}.browser-channel{height:6vh;grid-template-columns:2vw 2.7vw 1fr;gap:.7vw;padding:0 .85vw;font-size:1vw;background:linear-gradient(90deg,#303635,#27312e)}
.browser-channel img{width:2.5vw;height:2.5vw;object-fit:contain}.browser-channel:focus,.browser-channel.active{color:var(--t4-purple);border-color:var(--t4-purple)}
.mini-player{height:50vh}.channel-info{height:40.5vh;padding:1.5vh 1.2vw;background:linear-gradient(145deg,rgba(8,38,20,.98),rgba(3,13,8,.98))}
.channel-identity img{width:4.6vw;height:4.6vw}.channel-identity h2{font-size:1.45vw}.epg p{grid-template-columns:4.2vw 1fr 7vw;padding:1.25vh 0}.epg b{font-size:.72vw}.epg strong{font-size:1vw}
.channel-identity>div{min-width:0;flex:1}.preview-favorite{min-width:8vw;height:5vh;padding:0 .8vw;border-radius:2vw;background:linear-gradient(135deg,#2b153d,#111617);font-size:.82vw;font-weight:800}.player-heading{display:none!important}
.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4vh 1.4vw;padding:.5vw 1.5vw 3vh;align-content:start}
.poster-grid .media-card{height:32vh;min-width:0;border-radius:.45vw;overflow:hidden;background:#090910}
.poster-grid .media-card img,.poster-grid .media-card .fallback-art{height:27vh;width:100%;object-fit:cover;aspect-ratio:2/3;background:#17211d}
.poster-grid .media-card .card-copy{display:block;height:5vh;padding:1.1vh .5vw;font-size:.88vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.poster-grid .media-card:focus{transform:scale(1.045);border-color:var(--t4-purple);box-shadow:0 0 0 .18vw var(--t4-purple),0 1vh 2vh rgba(0,0,0,.45)}
.poster-grid .media-card.theme4-duplicate{display:none}.items-column{overflow:hidden}.browser-body.vod .items-column{overflow:hidden}
.detail-poster{width:16vw;height:44vh;aspect-ratio:2/3}.detail-backdrop{background-position:center 25%}.similar-card img{aspect-ratio:2/3;object-fit:cover}
.player-modal video{background:#000;object-fit:contain}.player-epg{bottom:3.2vh;padding:1.5vh 1.4vw;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(4,17,10,.78))}
.catalog-status #environmentLabel:before{content:'☀  ';color:#fff}.catalog-status #accountLabel:before{content:'◷  ';color:#fff}
.catalog-status{display:flex;align-items:center;position:relative}.catalog-status .forecast-day{padding-left:1.2vw;border-left:.12vw solid rgba(255,255,255,.25);white-space:pre-line;line-height:1.12}.catalog-status small{position:absolute;right:0;top:4.6vh;color:#a99fb9;font-size:.82vw}
.poster-grid .media-card .card-copy small{display:block;color:#69aefc;font-size:.72vw;margin-top:.25vh}
@media(max-width:1366px){.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.poster-grid .media-card{height:33vh}.poster-grid .media-card img,.poster-grid .media-card .fallback-art{height:28vh}}
.catalog-loading{background:radial-gradient(circle at 50% 45%,rgba(28,117,58,.28),transparent 34%),linear-gradient(145deg,#020906,#06190e);text-align:center}.loading-brand{position:relative;width:8vw;height:8vw;margin:0 auto 1.5vh}.loading-brand img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 1vw rgba(126,255,37,.2))}.loading-brand .spinner{position:absolute;inset:-.5vw;width:auto;height:auto;border-width:.2vw;border-color:rgba(91,134,109,.4);border-top-color:#9cff21}.catalog-loading h1{font-size:2vw;margin:.5vh 0}.catalog-loading>p{font-size:1.05vw;color:#b6c7bc}.loading-progress{width:38vw;height:.7vh;margin:2vh auto 2.5vh;border-radius:1vh;background:#163324;overflow:hidden}.loading-progress i{display:block;width:4%;height:100%;background:linear-gradient(90deg,#71e21b,#b03cd9);transition:width .45s ease}.loading-steps{display:grid;grid-template-columns:repeat(3,12vw);justify-content:center;gap:1vw}.loading-steps article{height:8vh;padding:1vh .8vw;border:1px solid #315b42;border-radius:.7vw;background:rgba(3,17,9,.8);display:flex;align-items:center;gap:.8vw;text-align:left}.loading-steps article>b{width:2.2vw;height:2.2vw;border-radius:50%;display:grid;place-items:center;background:#183c26;color:#8faaa0;font-size:.9vw}.loading-steps article span{display:flex;flex-direction:column;gap:.45vh}.loading-steps article strong{font-size:1vw}.loading-steps article small{color:#8faaa0;font-size:.75vw}.loading-steps article.active{border-color:#a6ff22;box-shadow:0 0 1vw rgba(114,232,23,.12)}.loading-steps article.active>b{background:#8df21e;color:#082008}.loading-steps article.done{border-color:#7842a4}.loading-steps article.done>b{background:#9b35dc;color:#fff;font-size:0}.loading-steps article.done>b:after{content:'✓';font-size:1vw}.loading-hint{display:block;margin-top:2.4vh;color:#789083;font-size:.8vw}
.channel-identity{display:grid;grid-template-columns:4.6vw 1fr;align-items:center;column-gap:1vw}.channel-identity>div{min-width:0}.preview-favorite{grid-column:1/-1;justify-self:center;width:12vw;min-width:12vw;height:5.4vh;margin-top:1.2vh;font-size:.95vw}.browser-channel img{border:0!important;background:transparent!important;border-radius:0}.catalog-status{gap:1.35vw!important;color:#fff!important}.catalog-status #environmentLabel{font-size:1.05vw;font-weight:700;color:#fff}.catalog-status .forecast-day{min-width:6.2vw;font-size:1.05vw!important;font-weight:700;color:#fff!important;line-height:1.25!important}.catalog-status #accountLabel{font-size:1.05vw;font-weight:800;color:#fff;white-space:nowrap}.catalog-status #clock{font-size:2.25vw!important}.catalog-status small{top:5vh!important;font-size:1vw!important;color:#fff!important;font-weight:700}.home-continue p strong{font-size:1.5vw!important}.home-continue small{font-size:.95vw}.continue-cta{display:inline-grid;place-items:center;width:12vw;height:4.7vh;margin-top:1.2vh;border:1px solid #ad3add;border-radius:2vw;background:linear-gradient(135deg,#8424c9,#321142);font-size:.88vw}.continue-art{width:13.5vw!important;height:14vh!important}.home-continue>div{height:21vh!important}.highlight-actions button{height:5.4vh!important;min-width:15vw!important;font-size:1vw}.hero-refresh{min-width:16vw!important}