:root{
  --red0:#260000;
  --red1:#4f0000;
  --red2:#780000;
  --red3:#a80000;
  --gold:#ffb13b;
  --text:#fff;
  --muted:rgba(255,255,255,.74);
  --line:rgba(255,255,255,.16);
  --panel:rgba(46,0,0,.78);
  --panel2:rgba(75,0,0,.70);
  --focus:#ffcc55;
  --ok:#00e49a;
  --p2p:#1dff99;
  --http:#ff9d28;
  font-family: Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;color:var(--text)}
button,input{font:inherit}
button{border:0;color:inherit}
.tv-shell{
  position:relative;width:100vw;height:100vh;overflow:hidden;
  background:
    radial-gradient(circle at 86% 8%, rgba(255,160,60,.28), transparent 17%),
    radial-gradient(circle at 22% 58%, rgba(255,150,40,.16), transparent 28%),
    linear-gradient(120deg,#430000 0%,#640000 38%,#2a0000 100%);
}
.bg-lines:before,.bg-lines:after{
  content:"";position:absolute;inset:-8%;pointer-events:none;opacity:.45;
  background:
    linear-gradient(55deg,transparent 0 34%, rgba(255,175,76,.35) 35% 36%, transparent 37% 100%),
    linear-gradient(128deg,transparent 0 66%, rgba(255,130,39,.28) 67% 68%, transparent 69% 100%),
    repeating-linear-gradient(160deg, transparent 0 96px, rgba(255,125,40,.08) 98px 102px);
  transform:skewX(-8deg);
}
.bg-lines:after{filter:blur(2px);opacity:.22;transform:scale(1.15) rotate(3deg)}
.topbar{
  position:absolute;left:0;top:0;right:0;height:128px;display:flex;align-items:flex-start;justify-content:space-between;
  padding:20px 58px 0 64px;z-index:5;
}
.brand{
  min-width:300px;height:82px;display:flex;align-items:center;gap:18px;padding-left:0;font-size:30px;font-weight:700;
  background:linear-gradient(110deg, rgba(255,255,255,.18), rgba(255,255,255,.04) 68%, transparent 69%);
  border-bottom-right-radius:78px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.25));
}
.logoBox{width:52px;height:52px;border-radius:8px;background:#fff;display:grid;place-items:center;margin-left:0}
.playIcon{width:34px;height:34px;border:3px solid #e14a24;border-radius:50%;position:relative}
.playIcon:before{content:"";position:absolute;left:10px;top:6px;border-left:13px solid #2e69ff;border-top:8px solid transparent;border-bottom:8px solid transparent}
.playIcon:after{content:"";position:absolute;right:-7px;bottom:-5px;width:10px;height:10px;border-radius:50%;background:#ffb400}
.topActions{display:flex;align-items:center;gap:23px;padding-top:14px}
.circle{
  width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.22);border:2px solid rgba(255,255,255,.22);
  display:grid;place-items:center;position:relative;box-shadow:0 3px 16px rgba(0,0,0,.18)
}
.circle b{position:absolute;right:5px;bottom:3px;background:#ff9b00;border-radius:50%;font-size:15px;width:18px;height:18px;line-height:18px;color:#fff}
.ico{width:28px;height:28px;display:block;position:relative}
.ico-search{border:3px solid #fff;border-radius:50%}.ico-search:after{content:"";position:absolute;width:13px;height:3px;background:#fff;right:-9px;bottom:0;transform:rotate(45deg)}
.ico-filter:before{content:"";position:absolute;inset:1px 2px;border:3px solid #fff;border-top-width:4px;clip-path:polygon(0 0,100% 0,62% 45%,62% 100%,40% 100%,40% 45%)}
.ico-clock{border:3px solid #fff;border-radius:50%}.ico-clock:before{content:"";position:absolute;left:12px;top:5px;width:3px;height:10px;background:#fff}.ico-clock:after{content:"";position:absolute;left:12px;top:14px;width:9px;height:3px;background:#fff}
.ico-user:before{content:"";position:absolute;left:8px;top:2px;width:13px;height:13px;border:3px solid #fff;border-radius:50%}.ico-user:after{content:"";position:absolute;left:3px;bottom:1px;width:22px;height:13px;border:3px solid #fff;border-radius:15px 15px 0 0;border-bottom:0}
.ico-help{border:3px solid #fff;border-radius:50%}.ico-help:before{content:"?";position:absolute;left:7px;top:-6px;font-weight:900;font-size:28px}.ico-help:after{content:"";position:absolute;left:12px;bottom:4px;width:4px;height:4px;background:#fff;border-radius:50%}
.ico-bell:before{content:"";position:absolute;left:6px;top:3px;width:16px;height:19px;border:3px solid #fff;border-radius:14px 14px 6px 6px}.ico-bell:after{content:"";position:absolute;left:10px;bottom:0;width:9px;height:5px;background:#fff;border-radius:0 0 8px 8px}
.wifi{width:36px;height:28px;position:relative}
.wifi:before,.wifi:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border:4px solid #fff;border-color:#fff transparent transparent transparent;border-radius:50%}
.wifi:before{width:34px;height:34px;top:4px}.wifi:after{width:20px;height:20px;top:14px}.wifi{border-bottom:5px solid #fff;border-radius:0 0 18px 18px}
#clock{font-size:35px;font-weight:800;letter-spacing:1px;text-shadow:0 4px 14px rgba(0,0,0,.35)}
.mainTabs{
  position:absolute;top:158px;left:96px;right:70px;height:76px;display:flex;align-items:center;justify-content:space-between;z-index:4;
}
.tab{
  background:transparent;color:rgba(255,255,255,.75);font-size:38px;font-weight:500;padding:10px 18px;border-radius:16px;letter-spacing:.5px;
}
.tab.active{color:#ff2020;text-shadow:0 0 18px rgba(255,0,0,.55)}
.tab.free{font-weight:900;color:#fff;text-shadow:0 0 16px rgba(255,190,70,.55)}
.tab.free.active{color:#ff2020;text-shadow:0 0 18px rgba(255,0,0,.55)}
.tab.kids{font-weight:900;color:#fff;letter-spacing:3px;text-shadow:2px 2px 0 #ff2366,-2px -2px 0 #00d5ff,3px -2px 0 #ffe000;font-size:36px;transform:rotate(-4deg)}
.tab.kids.active{color:#ff2020;text-shadow:0 0 18px rgba(255,0,0,.55)}
.content{position:absolute;left:78px;right:74px;top:276px;height:604px;display:grid;grid-template-columns:408px 1fr;gap:46px;z-index:3}
.channelPanel{position:relative;padding-top:0}
.channelPanel h2{text-align:center;margin:8px 0 8px;font-size:28px;font-weight:800;text-shadow:0 3px 15px rgba(0,0,0,.55)}
.miniFilters{height:34px;margin-bottom:8px;display:flex;gap:10px;justify-content:center}
.mini{height:30px;padding:0 14px;border-radius:20px;background:rgba(0,0,0,.25);border:1px solid var(--line);font-size:15px;font-weight:800;color:rgba(255,255,255,.75)}
.mini.active{background:rgba(255,255,255,.18);color:#fff}
.list{height:492px;background:rgba(50,0,0,.65);overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.channelItem{
  height:71px;display:grid;grid-template-columns:88px 42px 1fr;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.18);background:rgba(39,0,0,.50);
  color:#fff;font-size:26px;font-weight:700;padding:0 12px;position:relative;
}
.channelItem img{max-width:64px;max-height:45px;object-fit:contain;justify-self:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}
.channelItem .num{font-size:27px;text-align:center;color:#fff}
.channelItem .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
.channelItem.active,.channelItem.focused{background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.05));outline:3px solid rgba(255,204,85,.85);outline-offset:-3px}
.channelItem.playing:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--ok)}
.menuHint{height:56px;background:rgba(38,0,0,.60);display:flex;align-items:center;gap:8px;font-size:27px}
.menuHint kbd{background:linear-gradient(#d5a63d,#7a4710);border:1px solid rgba(255,255,255,.3);border-radius:3px;color:#123a8e;font-size:16px;font-weight:900;padding:2px 7px;box-shadow:0 2px 5px rgba(0,0,0,.35)}
.playerArea{min-width:0}
.playerFrame{height:538px;background:#020202;border:5px solid rgba(0,0,0,.75);position:relative;box-shadow:0 14px 45px rgba(0,0,0,.35);overflow:hidden}
video{width:100%;height:100%;background:#000;object-fit:contain;display:block}
.playerLoading,.playerEmpty{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(90,0,0,.78),rgba(0,0,0,.96));text-align:center;z-index:2;
}
.playerLoading.hidden,.playerEmpty.hidden{display:none}
.spinner{width:72px;height:72px;border-radius:50%;border:7px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin 1s linear infinite;margin-bottom:20px}
@keyframes spin{to{transform:rotate(360deg)}}
.playerLoading h3,.playerEmpty h3{font-size:34px;margin:0 0 8px}.playerLoading p,.playerEmpty p{margin:0;color:var(--muted);font-size:21px}
.bigPlay{width:94px;height:94px;border-radius:50%;border:4px solid #fff;position:relative;margin-bottom:22px}.bigPlay:before{content:"";position:absolute;left:36px;top:24px;border-left:31px solid #fff;border-top:21px solid transparent;border-bottom:21px solid transparent}
.fullscreenBtn{position:absolute;right:20px;bottom:18px;width:52px;height:52px;border-radius:8px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.25);font-size:32px;z-index:4}
.p2pStatsToggle{position:absolute;right:84px;bottom:18px;width:52px;height:52px;border-radius:8px;background:rgba(0,0,0,.52);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:18px;font-weight:900;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:15px;gap:0;cursor:pointer}
.p2pStatsToggle.active,.p2pStatsToggle.focused,.p2pStatsToggle:focus{outline:3px solid rgba(255,204,85,.95);outline-offset:2px;background:rgba(70,25,0,.82);box-shadow:0 0 16px rgba(255,204,85,.35)}
.p2pStats{position:absolute;left:16px;top:14px;width:260px;padding:10px 12px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.18);border-radius:12px;z-index:4;backdrop-filter:blur(6px);font-size:13px;box-shadow:0 6px 18px rgba(0,0,0,.55)}
.p2pStats.hidden{display:none!important}
.statsTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.statsTop strong{color:var(--p2p);font-size:15px}.statsTop span{color:#fff}.statsLine{margin-top:2px;font-size:11px;color:#dff;line-height:1.35}.statsLine.p2pLine{color:#bff}.statsLine.httpLine{color:#ffd;margin-bottom:5px}
.barLine{display:grid;grid-template-columns:38px 1fr 42px;gap:6px;align-items:center;margin:4px 0}.barLine i{height:8px;background:rgba(255,255,255,.18);border-radius:10px;overflow:hidden}.barLine b{display:block;height:100%;width:0;border-radius:10px}.barLine:first-child b{background:var(--http)}.barLine:nth-child(2) b{background:var(--p2p)}.barLine em{font-style:normal;text-align:right;color:rgba(255,255,255,.78)}
.statsNumbers{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.13);padding-top:6px;margin-top:6px;color:rgba(255,255,255,.8)}
.epgBar{height:66px;background:rgba(45,0,0,.80);display:grid;grid-template-columns:190px 126px 1fr;align-items:center;padding:0 34px;gap:16px;font-size:26px}
.epgBar strong{font-size:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.epgBar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homeRows{position:absolute;left:78px;right:74px;bottom:24px;height:0;display:none}
.rowHeader{display:flex;align-items:end;gap:18px}.rowHeader h2{font-size:28px;margin:0}.rowHeader span{color:rgba(255,255,255,.6)}
.posterRow{display:flex;gap:18px;margin-top:10px;overflow:hidden}.poster{width:150px;height:220px;border-radius:12px;background:#210000;border:1px solid rgba(255,255,255,.12);overflow:hidden;flex:0 0 auto}.poster img{width:100%;height:100%;object-fit:cover}.poster span{display:block;padding:6px;font-size:13px}
.modal{position:absolute;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:20}
.modal.open{display:flex}
.modalCard{width:720px;min-height:360px;border-radius:24px;background:linear-gradient(135deg,rgba(100,0,0,.96),rgba(32,0,0,.98));border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 80px rgba(0,0,0,.6);padding:34px}
.modalCard h2{font-size:36px;margin:0 0 18px}
.searchCard input{width:100%;height:58px;border-radius:14px;border:2px solid rgba(255,255,255,.16);background:rgba(0,0,0,.3);color:#fff;padding:0 18px;outline:0;font-size:24px}
.searchResults{height:220px;overflow:hidden;margin:16px 0}.resultItem{height:52px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);font-size:22px}
.primary,.ghost{height:56px;border-radius:16px;padding:0 24px;font-size:22px;font-weight:800}
.primary{background:linear-gradient(90deg,#ffaf29,#ff6f00);color:#210000}.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
.memberHero p{font-size:22px;color:var(--muted);line-height:1.35;margin-top:0}.memberGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:24px 0}
.plan{height:126px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);padding:18px;display:flex;flex-direction:column;gap:6px}
.plan strong{font-size:26px}.plan span{font-size:21px;color:#ffd176}.plan em{font-size:16px;color:var(--muted);font-style:normal}
.memberActions{display:flex;gap:14px}.memberNote{font-size:18px;color:var(--muted)}
.toast{position:absolute;left:50%;bottom:38px;transform:translateX(-50%) translateY(30px);background:rgba(0,0,0,.78);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:14px 22px;font-size:20px;opacity:0;z-index:50;transition:.22s}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.focused,.focusable:focus{outline:4px solid var(--focus)!important;outline-offset:3px}
@media (max-width:1280px){
  .topbar{height:100px;padding:14px 42px 0}.brand{height:68px;font-size:24px}.logoBox{width:44px;height:44px}.circle{width:46px;height:46px}.topActions{gap:16px}.mainTabs{top:125px;left:70px;right:45px}.tab{font-size:30px}.content{top:222px;left:54px;right:54px;height:466px;grid-template-columns:334px 1fr;gap:36px}.channelItem{height:58px;font-size:22px;grid-template-columns:70px 36px 1fr}.list{height:382px}.playerFrame{height:420px}.epgBar{height:54px;font-size:21px}.epgBar strong{font-size:27px}
}

/* ===== AJUSTE V3 - encaixe correto para TV Box/WebView e navegador 16:9 ===== */
@media (max-height: 950px) and (min-width: 1281px){
  .topbar{
    height:104px;
    padding:16px 66px 0 72px;
  }
  .brand{
    min-width:285px;
    height:72px;
    gap:16px;
    font-size:29px;
  }
  .logoBox{width:52px;height:52px}
  .playIcon{width:34px;height:34px}
  .topActions{gap:18px;padding-top:8px}
  .circle{width:56px;height:56px}
  #clock{font-size:34px}

  .mainTabs{
    top:136px;
    left:108px;
    right:86px;
    height:68px;
  }
  .tab{
    font-size:35px;
    padding:8px 12px;
  }
  .tab.free{font-weight:900;color:#fff;text-shadow:0 0 16px rgba(255,190,70,.55)}
.tab.free.active{color:#ff2020;text-shadow:0 0 18px rgba(255,0,0,.55)}
.tab.kids{font-size:32px}

  .content{
    left:92px;
    right:86px;
    top:258px;
    height:calc(100vh - 292px);
    grid-template-columns:450px minmax(0,1fr);
    gap:52px;
  }
  .channelPanel h2{
    margin:2px 0 8px;
    font-size:28px;
  }
  .miniFilters{height:32px;margin-bottom:8px}
  .mini{height:28px;font-size:15px;padding:0 16px}
  .list{
    height:calc(100vh - 430px);
    min-height:330px;
    max-height:462px;
  }
  .channelItem{
    height:64px;
    grid-template-columns:82px 42px 1fr;
    font-size:25px;
  }
  .channelItem img{max-width:62px;max-height:42px}
  .channelItem .num{font-size:26px}
  .menuHint{
    height:46px;
    font-size:25px;
  }

  .playerFrame{
    height:calc(100vh - 384px);
    min-height:390px;
    max-height:500px;
    border-width:5px;
  }
  .epgBar{
    height:58px;
    grid-template-columns:180px 120px 1fr;
    padding:0 30px;
    font-size:24px;
  }
  .epgBar strong{font-size:31px}
  .playerLoading h3,.playerEmpty h3{font-size:32px}
  .playerLoading p,.playerEmpty p{font-size:20px}
  .bigPlay{width:90px;height:90px}
  .p2pStats{
    width:250px;
    padding:9px 12px;
    font-size:13px;
  }
  .p2pStatsToggle{width:50px;height:50px;right:82px;bottom:18px}
}

@media (max-height: 820px) and (min-width: 1281px){
  .topbar{height:88px;padding-top:10px}
  .brand{height:64px;font-size:26px}.logoBox{width:46px;height:46px}
  .topActions{gap:14px;padding-top:4px}.circle{width:48px;height:48px}.ico{transform:scale(.86)}#clock{font-size:31px}
  .mainTabs{top:105px;height:56px}.tab{font-size:30px}.tab.free{font-weight:900;color:#fff;text-shadow:0 0 16px rgba(255,190,70,.55)}
.tab.free.active{color:#ff2020;text-shadow:0 0 18px rgba(255,0,0,.55)}
.tab.kids{font-size:28px}
  .content{top:205px;height:calc(100vh - 225px);grid-template-columns:410px minmax(0,1fr);gap:42px}
  .list{height:calc(100vh - 360px);max-height:390px}.channelItem{height:56px;font-size:22px;grid-template-columns:72px 36px 1fr}.channelItem .num{font-size:23px}
  .menuHint{height:40px;font-size:21px}
  .playerFrame{height:calc(100vh - 300px);min-height:340px;max-height:430px}.epgBar{height:50px;font-size:21px}.epgBar strong{font-size:27px}
}

/* TV Box real 1280x720 */
@media (max-width:1280px) and (max-height:760px){
  .content{height:calc(100vh - 246px)}
  .list{height:calc(100vh - 338px);max-height:360px}
  .playerFrame{height:calc(100vh - 300px);max-height:390px}
}

/* v6: Aba TV bloqueada para não membros */
.playerFrame.vipLocked video{opacity:.18;filter:blur(2px)}
.playerFrame.vipLocked .p2pStats{display:none}
.playerFrame.vipLocked .playerEmpty{background:radial-gradient(circle at center,rgba(120,0,0,.86),rgba(0,0,0,.97));z-index:5}
.playerFrame.vipLocked .playerEmpty h3{font-size:42px;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.75)}
.playerFrame.vipLocked .playerEmpty p{font-size:25px;color:#ffd9c9;font-weight:700}
.playerFrame.vipLocked .bigPlay{border-color:#ffcf83;box-shadow:0 0 26px rgba(255,196,82,.45)}
.playerFrame.vipLocked .bigPlay:before{border-left-color:#ffcf83}


/* v9: JOGOS aberto dentro da própria página/WebView */
.externalView{
  position:absolute;
  left:58px;
  right:58px;
  top:236px;
  bottom:34px;
  display:none;
  z-index:18;
  border-radius:20px;
  overflow:hidden;
  background:#050000;
  border:3px solid rgba(255,210,90,.55);
  box-shadow:0 22px 70px rgba(0,0,0,.65);
}
.externalView.open{display:block}
.externalTop{
  height:58px;
  display:grid;
  grid-template-columns:180px 1fr 142px;
  align-items:center;
  gap:18px;
  padding:0 18px 0 24px;
  background:linear-gradient(90deg,rgba(130,0,0,.96),rgba(45,0,0,.96));
  border-bottom:1px solid rgba(255,255,255,.14);
}
.externalTop strong{font-size:28px;letter-spacing:.8px}
.externalTop span{font-size:18px;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.externalClose{
  height:40px;
  border-radius:12px;
  background:linear-gradient(90deg,#ffb52c,#ff7300);
  color:#260000;
  font-weight:900;
  font-size:18px;
}
.externalView iframe{
  width:100%;
  height:calc(100% - 58px);
  border:0;
  background:#000;
  display:block;
}
@media (max-height:820px) and (min-width:1281px){
  .externalView{top:170px;left:42px;right:42px;bottom:22px}
  .externalTop{height:50px;grid-template-columns:150px 1fr 120px}.externalTop strong{font-size:24px}.externalTop span{font-size:16px}.externalClose{height:36px;font-size:16px}
  .externalView iframe{height:calc(100% - 50px)}
}
@media (max-width:1280px){
  .externalView{top:185px;left:34px;right:34px;bottom:22px}
  .externalTop{height:50px;grid-template-columns:130px 1fr 116px}.externalTop strong{font-size:22px}.externalTop span{font-size:15px}.externalClose{height:36px;font-size:15px}
  .externalView iframe{height:calc(100% - 50px)}
}


/* v12: efeito de seleção igual TV Box ao passar/navegar com controle */
.tab{
  border:2px solid transparent;
  transition:transform .12s ease, border-color .12s ease, background .12s ease, box-shadow .12s ease, color .12s ease;
}
.tab:hover,
.tab:focus-visible,
.tab.focused{
  color:#fff !important;
  border-color:rgba(255,218,138,.95);
  background:rgba(255,255,255,.10);
  box-shadow:0 0 0 2px rgba(90,0,0,.85), 0 0 20px rgba(255,199,94,.38);
  transform:scale(1.05);
}
.tab.active{
  color:#ff2020;
}
.tab.active.focused,
.tab.active:hover,
.tab.active:focus-visible{
  color:#ff2020 !important;
  border-color:#ffd477;
  background:rgba(255,255,255,.12);
  box-shadow:0 0 0 2px rgba(90,0,0,.88), 0 0 24px rgba(255,190,74,.55);
}
.channelItem{
  transition:background .12s ease, outline-color .12s ease, transform .12s ease, box-shadow .12s ease;
}
.channelItem:hover,
.channelItem.focused{
  outline:3px solid rgba(255,213,119,.95) !important;
  outline-offset:-3px;
  background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.06));
  box-shadow:inset 0 -3px 0 rgba(255,208,86,.95), 0 0 22px rgba(255,185,55,.22);
}
.poster:hover,
.poster.focused,
.plan:hover,
.plan.focused,
.externalClose:hover,
.externalClose.focused,
.primary:hover,
.primary.focused,
.ghost:hover,
.ghost.focused{
  outline:3px solid rgba(255,213,119,.95) !important;
  outline-offset:3px;
  box-shadow:0 0 24px rgba(255,185,55,.35);
}

/* ===== V15 - DESTAQUES / VOD mosaico igual APK: 3 capas grandes + 2 pequenas empilhadas ===== */
.vodView{
  display:none;
  position:absolute;
  left:48px;
  right:28px;
  top:190px;
  bottom:20px;
  z-index:3;
  overflow:hidden;
}
.vodView.open{display:block}
.vodHeader{
  height:46px;
  display:flex;
  align-items:end;
  gap:18px;
  padding-left:4px;
}
.vodHeader h2{
  margin:0;
  color:#ff2424;
  font-size:36px;
  letter-spacing:.8px;
  text-shadow:0 0 18px rgba(255,0,0,.42);
}
.vodHeader span{
  font-size:17px;
  color:rgba(255,255,255,.72);
  padding-bottom:7px;
}
.vodGrid{
  height:calc(100% - 50px);
  display:flex;
  align-items:flex-start;
  gap:34px;
  overflow:hidden;
  padding:10px 96px 28px 8px;
  scroll-behavior:smooth;
}
.vodMosaicGroup{
  flex:0 0 auto;
  height:100%;
  display:flex;
  align-items:flex-start;
  gap:18px;
}
.vodSmallStack{
  width:252px;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.vodLoading{
  width:100%;
  height:360px;
  display:grid;
  place-items:center;
  font-size:30px;
  font-weight:800;
  background:rgba(40,0,0,.54);
  border-radius:18px;
}
.vodCard{
  position:relative;
  border-radius:3px;
  background:rgba(255,255,255,.16);
  border:2px solid rgba(255,255,255,.08);
  overflow:hidden;
  box-shadow:0 14px 32px rgba(0,0,0,.36);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease;
  transform-origin:center bottom;
}
.vodCard.vodBig{
  flex:0 0 276px;
  width:276px;
  height:100%;
  min-height:438px;
}
.vodCard.vodSmall{
  width:252px;
  height:calc((100% - 18px) / 2);
  min-height:206px;
  transform-origin:center center;
}
.vodCard img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:#260000;
}
.vodCard.vodSmall img{
  object-fit:cover;
}
.vodCard strong{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  min-height:58px;
  padding:22px 10px 9px;
  color:#fff;
  font-size:21px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 2px 5px #000;
  background:linear-gradient(transparent,rgba(0,0,0,.72) 22%,rgba(0,0,0,.96));
}
.vodCard.vodSmall strong{
  min-height:42px;
  padding:18px 8px 7px;
  font-size:18px;
}
.vodCard .vipPill{
  position:absolute;
  top:9px;
  right:9px;
  background:#ff1515;
  color:#fff;
  font-size:14px;
  font-weight:900;
  border-radius:16px;
  padding:4px 8px;
  box-shadow:0 3px 10px rgba(0,0,0,.45);
}
.vodCard:hover,
.vodCard.focused{
  transform:scale(1.105);
  z-index:8;
  border-color:#ffe0a3;
  box-shadow:0 0 0 3px rgba(255,236,190,.92),0 0 32px rgba(255,197,69,.68),0 18px 42px rgba(0,0,0,.55);
  filter:saturate(1.08) brightness(1.07);
}
.vodCard.vodSmall:hover,
.vodCard.vodSmall.focused{
  transform:scale(1.09);
}
.vodDetail{display:none;position:absolute;left:54px;right:54px;top:116px;bottom:22px;z-index:6;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(20,20,20,.88));border-radius:6px;overflow:hidden;padding:30px 34px}
.vodDetail.open{display:block}
.vodInfo{position:absolute;left:36px;top:26px;width:52%;z-index:2;color:#fff}
.vodInfo h1{font-size:40px;line-height:1.05;margin:0 0 12px;text-shadow:0 2px 8px #000}.vodInfo h1 span{color:#ffdf39;font-size:26px}
.detailMeta{font-size:21px;font-weight:700;color:#e7e7e7;margin-bottom:18px}
.detailGenres{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.detailGenres span{border:2px solid rgba(255,255,255,.85);border-radius:20px;padding:4px 10px;font-size:19px;font-weight:800;background:rgba(255,255,255,.06)}.detailGenres span.hot{background:#f02626;border-color:#fff}
.vodInfo p{font-size:21px;line-height:1.28;margin:10px 0;text-shadow:0 2px 6px #000}.vodInfo b{margin-right:8px}.detailPlot{max-height:82px;overflow:hidden}.detailPlot em{color:#ff3434;font-style:normal;font-weight:900;margin-left:10px}
.detailPreview{position:absolute;right:34px;top:62px;width:42%;height:300px;background:rgba(0,0,0,.38);display:grid;place-items:center;box-shadow:inset 0 0 80px rgba(255,255,255,.08)}
.vipMovieBox{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(60,60,60,.32),rgba(0,0,0,.76));border:1px solid rgba(255,255,255,.08)}
.vipMovieBox p{text-align:center;font-size:26px;font-weight:900;line-height:1.32;text-shadow:0 0 12px rgba(255,255,255,.28)}
.detailActions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.detailBtn{height:58px;min-width:158px;padding:0 18px;background:rgba(255,255,255,.72);color:#fff;border:1px solid rgba(255,255,255,.28);text-shadow:0 2px 5px rgba(0,0,0,.75);font-size:20px;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.25)}
.suggestions{position:absolute;left:36px;right:28px;bottom:18px;height:220px}.suggestions h2{margin:0 0 12px;font-size:26px}.suggestRow{display:flex;gap:18px;overflow:hidden}.suggestCard{position:relative;width:145px;height:184px;flex:0 0 auto;background:#111;overflow:hidden;border:2px solid transparent}.suggestCard img{width:100%;height:150px;object-fit:cover}.suggestCard span{display:block;height:34px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px;background:#111}.suggestCard:after{content:'VIP';position:absolute;right:5px;top:5px;background:#ff1515;border-radius:12px;padding:2px 6px;font-size:11px;font-weight:900}
.suggestCard:hover,.suggestCard.focused,.detailBtn:hover,.detailBtn.focused{outline:3px solid rgba(255,213,119,.95)!important;outline-offset:3px;box-shadow:0 0 28px rgba(255,185,55,.45)}
@media (max-height:950px){
  .vodView{top:178px;left:40px;right:24px;bottom:16px}.vodHeader{height:44px}.vodHeader h2{font-size:32px}.vodHeader span{font-size:16px}.vodGrid{height:calc(100% - 48px);gap:28px;padding:8px 70px 24px 0}.vodMosaicGroup{gap:14px}.vodSmallStack{width:220px;gap:14px}.vodCard.vodBig{flex-basis:226px;width:226px;min-height:392px}.vodCard.vodSmall{width:220px;height:calc((100% - 14px) / 2);min-height:188px}.vodCard strong{font-size:19px;min-height:54px}.vodCard.vodSmall strong{font-size:16px;min-height:38px}.vodCard:hover,.vodCard.focused{transform:scale(1.09)}.vodDetail{top:96px;left:32px;right:32px;bottom:16px;padding:24px}.vodInfo h1{font-size:34px}.detailMeta{font-size:18px}.vodInfo p{font-size:18px}.detailPreview{height:250px}.vipMovieBox p{font-size:23px}.detailActions{margin-top:22px}.detailBtn{height:50px;min-width:138px;font-size:18px}.suggestions{height:184px}.suggestCard{width:122px;height:160px}.suggestCard img{height:128px}
}
@media (min-width:1700px) and (min-height:900px){
  .vodView{top:220px;left:58px;right:42px;bottom:34px}.vodGrid{gap:38px;padding-right:100px}.vodMosaicGroup{gap:22px}.vodSmallStack{width:280px;gap:22px}.vodCard.vodBig{flex-basis:306px;width:306px;min-height:520px}.vodCard.vodSmall{width:280px;height:calc((100% - 22px) / 2);min-height:248px}.vodCard strong{font-size:24px;min-height:68px}.vodCard.vodSmall strong{font-size:20px;min-height:46px}.vodCard:hover,.vodCard.focused{transform:scale(1.10)}
}


/* ===== V16 - FOCO 100% TV BOX / WEBVIEW 16:9 =====
   Ajuste para simular no Chrome e ficar correto no WebView da TV Box.
   A interface agora se adapta ao tamanho real da janela, sem ficar gigante. */
:root{
  --safe-top: clamp(8px, 1.2vh, 16px);
  --safe-x: clamp(34px, 4.4vw, 70px);
}
.topbar{
  height: clamp(74px, 12vh, 104px) !important;
  padding: var(--safe-top) var(--safe-x) 0 var(--safe-x) !important;
}
.brand{
  min-width: clamp(210px, 18vw, 300px) !important;
  height: clamp(54px, 8.4vh, 72px) !important;
  gap: clamp(10px, 1.2vw, 18px) !important;
  font-size: clamp(24px, 2vw, 30px) !important;
}
.logoBox{width:clamp(42px,4.2vh,52px)!important;height:clamp(42px,4.2vh,52px)!important}
.playIcon{transform:scale(.92)}
.topActions{gap:clamp(10px,1.2vw,20px)!important;padding-top:clamp(2px,.8vh,10px)!important}
.circle{width:clamp(42px,5.8vh,54px)!important;height:clamp(42px,5.8vh,54px)!important}
.ico{transform:scale(.86)}
.wifi{transform:scale(.88)}
#clock{font-size:clamp(27px,3.2vh,34px)!important}

.mainTabs{
  top:clamp(92px,15.2vh,138px)!important;
  left:clamp(58px,6vw,96px)!important;
  right:clamp(42px,4.5vw,70px)!important;
  height:clamp(50px,7.2vh,68px)!important;
  gap:clamp(8px,1vw,18px)!important;
  justify-content:space-between!important;
}
.tab{
  font-size:clamp(24px,2.25vw,36px)!important;
  padding:clamp(6px,.9vh,10px) clamp(10px,1vw,18px)!important;
  border-radius:clamp(10px,1.2vw,16px)!important;
  white-space:nowrap!important;
}
.tab.kids{font-size:clamp(22px,2.1vw,34px)!important}

.content{
  left:clamp(42px,5vw,78px)!important;
  right:clamp(42px,4.8vw,74px)!important;
  top:clamp(176px,25.2vh,252px)!important;
  height:calc(100vh - clamp(198px,28.5vh,276px))!important;
  grid-template-columns:clamp(330px,27vw,408px) minmax(0,1fr)!important;
  gap:clamp(28px,3.1vw,46px)!important;
}
.channelPanel h2{font-size:clamp(24px,2.1vw,30px)!important;margin:0 0 8px!important}
.miniFilters{height:clamp(28px,4vh,34px)!important;margin-bottom:8px!important}
.mini{height:clamp(26px,3.5vh,30px)!important;font-size:clamp(13px,1.1vw,15px)!important}
.list{
  height:calc(100vh - clamp(345px,47vh,430px))!important;
  min-height:280px!important;
  max-height:460px!important;
}
.channelItem{
  height:clamp(52px,7.4vh,68px)!important;
  grid-template-columns:clamp(64px,6vw,88px) clamp(34px,3vw,42px) 1fr!important;
  font-size:clamp(20px,1.85vw,26px)!important;
}
.channelItem img{max-width:clamp(50px,5vw,64px)!important;max-height:clamp(34px,4.8vh,45px)!important}
.channelItem .num{font-size:clamp(21px,1.9vw,27px)!important}
.menuHint{height:clamp(38px,5.7vh,52px)!important;font-size:clamp(18px,1.7vw,25px)!important}

.playerFrame{
  height:calc(100vh - clamp(300px,42vh,384px))!important;
  min-height:320px!important;
  max-height:500px!important;
}
.epgBar{height:clamp(46px,6.4vh,62px)!important;font-size:clamp(18px,1.7vw,25px)!important}
.epgBar strong{font-size:clamp(24px,2.25vw,32px)!important}
.p2pStats{transform:scale(clamp(.78, .095vh, 1));transform-origin:left top}

/* Destaques: exatamente 3 capas grandes + 2 pequenas, cabendo na TV/Chrome */
.vodView{
  left:clamp(36px,4vw,54px)!important;
  right:clamp(22px,3vw,42px)!important;
  top:clamp(150px,22.2vh,205px)!important;
  bottom:clamp(12px,2vh,24px)!important;
}
.vodHeader{
  height:clamp(38px,5.8vh,48px)!important;
}
.vodHeader h2{font-size:clamp(28px,2.4vw,38px)!important}
.vodHeader span{font-size:clamp(14px,1.1vw,17px)!important;padding-bottom:6px!important}
.vodGrid{
  height:calc(100% - clamp(40px,6vh,52px))!important;
  gap:clamp(14px,1.3vw,22px)!important;
  padding:clamp(6px,1vh,10px) clamp(54px,5vw,96px) clamp(16px,2.4vh,28px) 8px!important;
  align-items:stretch!important;
}
.vodMosaicGroup{
  height:100%!important;
  gap:clamp(12px,1.2vw,18px)!important;
  align-items:stretch!important;
}
.vodSmallStack{
  width:clamp(185px,14.4vw,252px)!important;
  gap:clamp(12px,1.2vw,18px)!important;
}
.vodCard.vodBig{
  flex-basis:clamp(190px,15.2vw,276px)!important;
  width:clamp(190px,15.2vw,276px)!important;
  height:100%!important;
  min-height:0!important;
}
.vodCard.vodSmall{
  width:clamp(185px,14.4vw,252px)!important;
  height:calc((100% - clamp(12px,1.2vw,18px)) / 2)!important;
  min-height:0!important;
}
.vodCard strong{font-size:clamp(16px,1.25vw,21px)!important;min-height:clamp(42px,6.4vh,58px)!important;padding:clamp(16px,2.5vh,22px) 10px 8px!important}
.vodCard.vodSmall strong{font-size:clamp(13px,1.05vw,18px)!important;min-height:clamp(34px,5vh,42px)!important}
.vodCard:hover,.vodCard.focused{transform:scale(1.055)!important}
.vodCard.vodSmall:hover,.vodCard.vodSmall.focused{transform:scale(1.045)!important}

.vodDetail{
  left:clamp(26px,3.5vw,54px)!important;
  right:clamp(26px,3.5vw,54px)!important;
  top:clamp(82px,13vh,116px)!important;
  bottom:clamp(12px,2vh,22px)!important;
  padding:clamp(18px,2.6vh,30px) clamp(22px,2.8vw,34px)!important;
}
.vodInfo{left:clamp(24px,2.8vw,36px)!important;top:clamp(18px,2.8vh,26px)!important;width:52%!important}
.vodInfo h1{font-size:clamp(30px,2.7vw,40px)!important}
.detailMeta{font-size:clamp(16px,1.5vw,21px)!important;margin-bottom:clamp(10px,1.8vh,18px)!important}
.detailGenres span{font-size:clamp(14px,1.3vw,19px)!important}
.vodInfo p{font-size:clamp(15px,1.45vw,21px)!important;margin:clamp(6px,1vh,10px) 0!important}
.detailPreview{top:clamp(42px,7vh,62px)!important;right:clamp(22px,2.8vw,34px)!important;height:clamp(190px,32vh,300px)!important}
.vipMovieBox p{font-size:clamp(20px,2vw,26px)!important}
.detailActions{margin-top:clamp(16px,2.8vh,34px)!important;gap:clamp(8px,1vw,14px)!important}
.detailBtn{height:clamp(42px,6vh,58px)!important;min-width:clamp(118px,11vw,158px)!important;font-size:clamp(15px,1.35vw,20px)!important}
.suggestions{height:clamp(150px,24vh,220px)!important;bottom:clamp(10px,2vh,18px)!important}
.suggestions h2{font-size:clamp(20px,1.8vw,26px)!important;margin-bottom:clamp(7px,1.2vh,12px)!important}
.suggestRow{gap:clamp(10px,1.1vw,18px)!important}
.suggestCard{width:clamp(104px,8.5vw,145px)!important;height:clamp(136px,20vh,184px)!important}
.suggestCard img{height:calc(100% - 30px)!important}
.suggestCard span{height:30px!important;font-size:clamp(12px,1vw,16px)!important}

/* Janela baixa do Chrome simulando WebView: corta menos e mantém foco TVBox */
@media (max-height:820px){
  .topbar{height:76px!important;padding-top:8px!important}
  .brand{height:56px!important;font-size:24px!important}.logoBox{width:42px!important;height:42px!important}
  .topActions{gap:10px!important;padding-top:2px!important}.circle{width:42px!important;height:42px!important}.ico{transform:scale(.76)}.wifi{transform:scale(.78)}#clock{font-size:27px!important}
  .mainTabs{top:88px!important;height:54px!important;left:54px!important;right:36px!important}.tab{font-size:25px!important;padding:6px 10px!important}.tab.kids{font-size:23px!important}
  .content{top:164px!important;height:calc(100vh - 184px)!important;grid-template-columns:330px minmax(0,1fr)!important;gap:30px!important;left:42px!important;right:42px!important}
  .list{height:calc(100vh - 330px)!important;min-height:270px!important;max-height:365px!important}.channelItem{height:52px!important;font-size:20px!important}.menuHint{height:38px!important;font-size:18px!important}
  .playerFrame{height:calc(100vh - 278px)!important;min-height:310px!important;max-height:400px!important}.epgBar{height:46px!important}.playerLoading h3,.playerEmpty h3{font-size:27px!important}.playerLoading p,.playerEmpty p{font-size:17px!important}
  .vodView{top:142px!important;left:34px!important;right:22px!important;bottom:12px!important}.vodHeader{height:36px!important}.vodGrid{height:calc(100% - 38px)!important;padding-right:46px!important}.vodCard.vodBig{flex-basis:clamp(178px,14.2vw,244px)!important;width:clamp(178px,14.2vw,244px)!important}.vodSmallStack,.vodCard.vodSmall{width:clamp(172px,13.6vw,230px)!important}.vodCard:hover,.vodCard.focused{transform:scale(1.045)!important}
}

/* TV Box 1280x720 real */
@media (max-width:1300px) and (max-height:760px){
  .topbar{height:72px!important;padding:8px 34px 0 38px!important}.brand{min-width:210px!important;height:54px!important;font-size:23px!important}.topActions{gap:8px!important}.circle{width:40px!important;height:40px!important}#clock{font-size:26px!important}
  .mainTabs{top:84px!important;left:42px!important;right:28px!important;height:50px!important}.tab{font-size:23px!important;padding:5px 8px!important}.tab.kids{font-size:22px!important}
  .vodView{top:136px!important;left:28px!important;right:12px!important;bottom:10px!important}.vodHeader h2{font-size:26px!important}.vodHeader span{display:none!important}.vodGrid{gap:12px!important;padding-right:30px!important}.vodMosaicGroup{gap:10px!important}.vodSmallStack{gap:10px!important}.vodCard.vodBig{flex-basis:180px!important;width:180px!important}.vodSmallStack,.vodCard.vodSmall{width:168px!important}.vodCard strong{font-size:15px!important;min-height:38px!important}.vodCard.vodSmall strong{font-size:12px!important;min-height:30px!important}
}


/* V17 - Detalhe de filmes no padrão UniTV: sem selo VIP nas capas e proporção de TV Box */
.vodCard .vipPill{display:none!important}
.suggestCard:after{display:none!important;content:none!important}
.vodDetail.open{
  background:linear-gradient(90deg,rgba(6,6,8,.96),rgba(14,14,16,.94))!important;
}
.vodInfo{
  width:51.5%!important;
}
.detailPreview{
  width:43%!important;
  height:clamp(230px,34vh,315px)!important;
  top:clamp(40px,7.2vh,64px)!important;
  right:clamp(30px,4vw,58px)!important;
  background:rgba(35,35,35,.38)!important;
  box-shadow:inset 0 0 90px rgba(255,255,255,.08), 0 12px 40px rgba(0,0,0,.35)!important;
}
.vipMovieBox{
  background:radial-gradient(circle at center,rgba(92,92,92,.26),rgba(2,2,2,.82))!important;
}
.vipMovieBox p{
  max-width:78%;
  color:#fff!important;
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.detailActions{
  margin-top:clamp(26px,4.6vh,48px)!important;
}
.detailBtn{
  background:rgba(210,210,210,.72)!important;
  border:1px solid rgba(255,255,255,.4)!important;
  color:#fff!important;
}
.suggestions{
  left:clamp(30px,3.2vw,48px)!important;
  right:clamp(20px,2vw,34px)!important;
  bottom:clamp(14px,2.4vh,24px)!important;
  height:clamp(170px,25vh,230px)!important;
}
.suggestCard{
  background:transparent!important;
  border:2px solid transparent!important;
}
.suggestCard img{
  border-radius:2px!important;
}
@media (max-height:760px){
  .vodDetail{top:74px!important;left:30px!important;right:30px!important;bottom:12px!important;padding:22px 26px!important}
  .vodInfo h1{font-size:30px!important}.detailMeta{font-size:16px!important}.vodInfo p{font-size:15px!important}.detailGenres span{font-size:13px!important}
  .detailPreview{height:220px!important;top:42px!important}
  .detailActions{margin-top:18px!important}.detailBtn{height:44px!important;min-width:126px!important;font-size:15px!important}
  .suggestions{height:160px!important}.suggestCard{width:106px!important;height:148px!important}.suggestCard img{height:118px!important}.suggestCard span{font-size:12px!important;height:30px!important}
}


/* V18 - correção capas verdes no Chrome/WebView de TV Box */
.vodCard img,
.suggestCard img,
.poster img{
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  background:#000!important;
  image-rendering:auto!important;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.vodCard:hover img,
.vodCard.focused img{
  filter:none!important;
}
.vodCard:hover,
.vodCard.focused{
  filter:none!important;
}


/* V20 - Tela cheia do detalhe de filme: mantém a mensagem VIP centralizada e remove marcas UniTV */
.detailPreview:fullscreen{
  width:100vw!important;
  height:100vh!important;
  top:0!important;
  right:0!important;
  left:0!important;
  background:#050505!important;
  display:grid!important;
  place-items:center!important;
}
.detailPreview:fullscreen .vipMovieBox{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle at center, rgba(80,80,80,.22), rgba(0,0,0,.96))!important;
}
.detailPreview:fullscreen .vipMovieBox p{
  font-size:clamp(28px,4vw,58px)!important;
  line-height:1.25!important;
  text-align:center!important;
  max-width:78vw!important;
}


/* V21 - Fullscreen do VOD no padrão player UniTV/TV Box */
.fakeFsOsd{display:none}
.detailPreview:fullscreen{
  width:100vw!important;
  height:100vh!important;
  background:#000!important;
  display:block!important;
  overflow:hidden!important;
}
.detailPreview:fullscreen .vipMovieBox{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  background:#000!important;
  border:0!important;
}
.detailPreview:fullscreen .vipMovieBox p{
  position:absolute!important;
  left:50%!important;
  top:47%!important;
  transform:translate(-50%,-50%)!important;
  max-width:58vw!important;
  color:#fff!important;
  font-size:clamp(24px,2.5vw,40px)!important;
  line-height:1.22!important;
  text-align:center!important;
  font-weight:900!important;
  text-shadow:0 0 16px rgba(255,255,255,.22), 0 2px 10px rgba(0,0,0,.85)!important;
}
.detailPreview:fullscreen .fakeFsOsd{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.fakeSpeed{
  position:absolute;
  top:8.5vh;
  right:5.8vw;
  font-size:clamp(17px,1.55vw,28px);
  font-weight:700;
  opacity:.95;
}
.fakeBottomPanel{
  position:absolute;
  left:4.4vw;
  right:4.2vw;
  bottom:5.2vh;
  height:23vh;
  min-height:132px;
  display:grid;
  grid-template-columns:110px 1fr auto;
  grid-template-rows:1fr 26px;
  column-gap:26px;
  align-items:end;
}
.fakePoster{
  grid-row:1 / span 2;
  width:clamp(70px,7.8vw,122px);
  height:clamp(110px,13.5vw,190px);
  object-fit:cover;
  align-self:end;
  background:#111;
}
.fakeInfo{
  min-width:0;
  align-self:end;
  padding-bottom:28px;
}
.fakeTimes{
  position:relative;
  display:grid;
  grid-template-columns:70px 1fr 104px;
  align-items:end;
  font-size:clamp(18px,1.6vw,28px);
  color:#e9e9e9;
  margin-bottom:10px;
}
#fakeBubbleTime{
  position:absolute;
  left:78px;
  bottom:30px;
  font-size:clamp(18px,1.5vw,26px);
}
#fakeDuration{text-align:right;color:#b9b9c3}
.fakeProgress{
  height:7px;
  background:rgba(185,185,185,.55);
  position:relative;
}
.fakeProgress:before{
  content:'';
  position:absolute;
  left:0;
  top:50%;
  width:14px;
  height:14px;
  transform:translateY(-50%);
  background:#c90d16;
  border-radius:50%;
  box-shadow:0 0 0 9px rgba(201,13,22,.35);
}
.fakeProgress span{display:block;width:1.5%;height:100%;background:#b20710}
.fakeTitle{
  margin-top:20px;
  font-size:clamp(24px,2.1vw,38px);
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fakeControls{
  align-self:end;
  justify-self:end;
  display:flex;
  gap:18px;
  padding-bottom:30px;
  font-size:clamp(12px,1vw,18px);
  white-space:nowrap;
}
.fakeControls b{
  display:inline-block;
  color:#333;
  background:#d9dde3;
  border-radius:2px;
  padding:2px 6px;
  margin-right:5px;
  font-size:.86em;
}
.fakeDown{
  position:absolute;
  left:50%;
  bottom:-2px;
  transform:translateX(-50%);
  font-size:clamp(42px,4vw,70px);
  color:rgba(255,255,255,.55);
  line-height:.7;
}
@media (max-width:1280px), (max-height:760px){
  .fakeBottomPanel{left:4.2vw;right:3.8vw;bottom:4.2vh;grid-template-columns:88px 1fr auto;column-gap:18px;height:25vh}
  .fakePoster{width:78px;height:132px}
  .fakeInfo{padding-bottom:24px}.fakeTitle{margin-top:14px}.fakeControls{gap:10px;padding-bottom:24px;font-size:12px}.fakeTimes{font-size:17px;grid-template-columns:58px 1fr 86px}#fakeBubbleTime{left:63px;bottom:27px;font-size:17px}.fakeProgress{height:6px}
}

/* V22 - Player fullscreen real: proporção correta e controles somem após 4s */
.movieFsOverlay{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  background:#000;
  color:#fff;
  overflow:hidden;
  font-family:Arial,Helvetica,sans-serif;
}
.movieFsOverlay.open{display:block}
.movieFsOverlay:fullscreen{display:block;background:#000}
.movieFsBlack{position:absolute;inset:0;background:#000;overflow:hidden}
.movieVipCenter{
  position:absolute;
  left:50%;
  top:47%;
  transform:translate(-50%,-50%);
  max-width:60vw;
  color:#fff;
  font-size:clamp(26px,2.55vw,44px);
  line-height:1.22;
  text-align:center;
  font-weight:900;
  text-shadow:0 0 16px rgba(255,255,255,.22),0 2px 10px rgba(0,0,0,.85);
  z-index:2;
}
.movieFsSpeed{
  position:absolute;
  top:8.5vh;
  right:5.8vw;
  font-size:clamp(18px,1.55vw,28px);
  font-weight:700;
  opacity:.95;
  z-index:3;
}
.movieFsControls{
  position:absolute;
  inset:0;
  z-index:4;
  opacity:1;
  transition:opacity .35s ease;
}
.movieFsOverlay.controlsHidden .movieFsControls,
.movieFsOverlay.controlsHidden .movieFsSpeed{opacity:0;pointer-events:none}
.movieFsBottom{
  position:absolute;
  left:4.4vw;
  right:4.2vw;
  bottom:5.2vh;
  height:23vh;
  min-height:132px;
  display:grid;
  grid-template-columns:110px 1fr auto;
  grid-template-rows:1fr 26px;
  column-gap:26px;
  align-items:end;
}
.movieFsPoster{
  grid-row:1 / span 2;
  width:clamp(70px,7.8vw,122px);
  height:clamp(110px,13.5vw,190px);
  object-fit:cover;
  align-self:end;
  background:#111;
}
.movieFsInfo{min-width:0;align-self:end;padding-bottom:28px}
.movieFsTimes{
  position:relative;
  display:grid;
  grid-template-columns:70px 1fr 104px;
  align-items:end;
  font-size:clamp(18px,1.6vw,28px);
  color:#e9e9e9;
  margin-bottom:10px;
}
.movieFsBubble{position:absolute;left:78px;bottom:30px;font-size:clamp(18px,1.5vw,26px)}
#movieFsDuration{text-align:right;color:#b9b9c3}
.movieFsProgress{height:7px;background:rgba(185,185,185,.55);position:relative}
.movieFsProgress:before{content:'';position:absolute;left:0;top:50%;width:14px;height:14px;transform:translateY(-50%);background:#c90d16;border-radius:50%;box-shadow:0 0 0 9px rgba(201,13,22,.35)}
.movieFsProgress span{display:block;width:1.5%;height:100%;background:#b20710}
.movieFsTitle{margin-top:20px;font-size:clamp(24px,2.1vw,38px);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.movieFsKeys{align-self:end;justify-self:end;display:flex;gap:18px;padding-bottom:30px;font-size:clamp(12px,1vw,18px);white-space:nowrap}
.movieFsKeys b{display:inline-block;color:#333;background:#d9dde3;border-radius:2px;padding:2px 6px;margin-right:5px;font-size:.86em}
.movieFsDown{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);font-size:clamp(42px,4vw,70px);color:rgba(255,255,255,.55);line-height:.7}
@media (max-width:1280px),(max-height:760px){
  .movieFsBottom{left:4.2vw;right:3.8vw;bottom:4.2vh;grid-template-columns:88px 1fr auto;column-gap:18px;height:25vh}
  .movieFsPoster{width:78px;height:132px}
  .movieFsInfo{padding-bottom:24px}.movieFsTitle{margin-top:14px}.movieFsKeys{gap:10px;padding-bottom:24px;font-size:12px}.movieFsTimes{font-size:17px;grid-template-columns:58px 1fr 86px}.movieFsBubble{left:63px;bottom:27px;font-size:17px}.movieFsProgress{height:6px}
  .movieVipCenter{font-size:clamp(24px,3vw,36px);max-width:70vw}
}

/* V23 - Ajuste do player fullscreen VOD: barra até o fim e comandos abaixo sem sobrepor */
.movieFsBottom{
  left:4.2vw!important;
  right:4.2vw!important;
  bottom:4.8vh!important;
  height:24vh!important;
  min-height:138px!important;
  display:grid!important;
  grid-template-columns:clamp(74px,7.8vw,122px) 1fr!important;
  grid-template-rows:1fr auto!important;
  column-gap:clamp(14px,1.8vw,28px)!important;
  align-items:end!important;
}
.movieFsPoster{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:end!important;
  justify-self:start!important;
}
.movieFsInfo{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  align-self:end!important;
  padding-bottom:clamp(42px,5.4vh,64px)!important;
}
.movieFsTimes{
  width:100%!important;
  grid-template-columns:clamp(52px,4.2vw,78px) 1fr clamp(74px,6.6vw,118px)!important;
  align-items:end!important;
  margin-bottom:clamp(6px,.8vh,12px)!important;
}
.movieFsProgress{
  width:100%!important;
  height:7px!important;
  background:rgba(180,180,180,.62)!important;
  overflow:visible!important;
}
.movieFsProgress:before{
  width:16px!important;
  height:16px!important;
}
.movieFsProgress span{width:1.2%!important}
.movieFsBubble{
  left:clamp(58px,4.8vw,86px)!important;
  bottom:clamp(24px,3.4vh,38px)!important;
}
#movieFsDuration{
  justify-self:end!important;
  text-align:right!important;
  padding-left:12px!important;
}
.movieFsTitle{
  margin-top:clamp(12px,1.7vh,22px)!important;
  max-width:58vw!important;
}
.movieFsKeys{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:end!important;
  align-self:end!important;
  padding-bottom:0!important;
  margin-top:0!important;
  gap:clamp(8px,1.1vw,18px)!important;
  transform:translateY(-2px)!important;
}
.movieFsDown{
  bottom:0.5vh!important;
}
@media (max-width:1280px),(max-height:760px){
  .movieFsBottom{
    left:4vw!important;
    right:4vw!important;
    bottom:4vh!important;
    height:25vh!important;
    grid-template-columns:78px 1fr!important;
    column-gap:16px!important;
  }
  .movieFsInfo{padding-bottom:48px!important}
  .movieFsTitle{max-width:54vw!important;margin-top:12px!important}
  .movieFsKeys{font-size:12px!important;gap:9px!important;transform:translateY(-1px)!important}
  .movieFsTimes{font-size:17px!important;grid-template-columns:56px 1fr 88px!important}
  .movieFsBubble{left:62px!important;bottom:27px!important;font-size:17px!important}
  .movieFsProgress{height:6px!important}
}


/* V24 - detalhe do filme com a capa/backdrop do item selecionado no fundo */
.vodDetail.open{
  background-image:
    radial-gradient(circle at 70% 38%, rgba(0,0,0,.18) 0%, rgba(0,0,0,.62) 42%, rgba(0,0,0,.92) 76%),
    linear-gradient(90deg, rgba(2,2,4,.98) 0%, rgba(4,4,6,.94) 44%, rgba(6,6,8,.76) 62%, rgba(8,8,10,.92) 100%),
    var(--vod-bg)!important;
  background-size:cover,cover,cover!important;
  background-position:center,center,center!important;
  background-repeat:no-repeat!important;
}
.vodDetail.open .vodInfo,
.vodDetail.open .detailPreview,
.vodDetail.open .suggestions{
  position:absolute;
  z-index:2;
}
.vodDetail.open::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.42) 68%, rgba(0,0,0,.82));
}
.vodDetail.open .detailPreview{
  background:rgba(8,8,8,.64)!important;
}


/* V25 - Capa do filme mais visível na tela de detalhe */
.vodDetail.open{
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.52) 45%, rgba(0,0,0,.34) 68%, rgba(0,0,0,.66) 100%),
    linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.06) 45%, rgba(0,0,0,.52) 100%),
    var(--vod-bg)!important;
  background-size:cover,cover,cover!important;
  background-position:center center,center center,center center!important;
  background-repeat:no-repeat!important;
}
.vodDetail.open::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--vod-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  opacity:.38;
  filter:saturate(1.12) brightness(1.18);
}
.vodDetail.open::after{
  background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.24) 62%, rgba(0,0,0,.64))!important;
}
.vodDetail.open .vodInfo{
  background:linear-gradient(90deg, rgba(0,0,0,.34), rgba(0,0,0,.10), transparent);
  border-radius:8px;
  padding:4px 8px 8px 0;
}
.vodDetail.open .detailPreview{
  background:rgba(0,0,0,.50)!important;
}

/* ===== V26 FILMES: layout igual ao print, focado TV Box/WebView ===== */
.vodView.movieHome{top:170px!important;left:76px!important;right:76px!important;bottom:32px!important}
.vodView.movieHome .vodHeader{display:none!important}
.vodView.movieHome .vodGrid{height:100%!important;padding:0!important;overflow:hidden!important;display:block!important}
.moviesLayout{height:100%;display:grid;grid-template-columns:2.08fr .92fr .92fr;grid-template-rows:1fr 150px 46px;gap:4px;background:rgba(0,0,0,.10)}
.movieBanner,.moviePosterTall,.movieCatTile,.movieSmallCat{position:relative;overflow:hidden;background:rgba(60,0,0,.38);border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;transform:none!important}
.movieBanner{grid-column:1;grid-row:1;min-width:0;height:100%}
.movieBanner img,.moviePosterTall img{width:100%;height:100%;object-fit:cover;display:block;filter:none!important;opacity:1!important}
.movieBannerShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.05) 55%,rgba(0,0,0,.25))}
.movieBanner h3{position:absolute;left:52px;bottom:122px;right:32px;margin:0;font-size:40px;line-height:1.06;font-weight:900;color:#ff8b19;text-transform:uppercase;text-shadow:0 4px 18px #000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.movieDots{position:absolute;right:42px;bottom:24px;display:flex;gap:12px}.movieDots i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.35)}.movieDots i.active{width:34px;border-radius:12px;background:#e61d24}
.moviePosterTall{grid-row:1 / span 2;height:100%}.moviePosterTall:nth-of-type(2){grid-column:2}.moviePosterTall:nth-of-type(3){grid-column:3}
.moviePosterTall .movieHeroLabel{display:none}
.movieCategoryRow{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;min-height:0}
.movieCatTile{display:flex!important;align-items:flex-end;justify-content:center;height:100%;background:linear-gradient(140deg,rgba(17,145,96,.92),rgba(103,5,5,.9));color:#fff;font-size:28px;font-weight:800;text-shadow:0 3px 10px #000;padding-bottom:22px!important}
.movieCatTile b{position:absolute;left:18px;top:16px;background:rgba(255,255,255,.82);color:#0c6c52;min-width:42px;height:42px;border-radius:6px;display:grid;place-items:center;font-size:18px;text-shadow:none}.movieCatTile:nth-child(2){background:linear-gradient(140deg,rgba(166,6,15,.92),rgba(58,0,0,.92))}.movieCatTile:nth-child(3){background:linear-gradient(140deg,rgba(229,180,10,.95),rgba(36,103,98,.88))}.movieCatTile:nth-child(4){background:linear-gradient(140deg,rgba(30,184,194,.9),rgba(28,80,101,.92))}
.movieRealCategories{grid-column:1 / 4;grid-row:3;display:flex;gap:8px;overflow:hidden;align-items:center;opacity:.96}
.movieSmallCat{height:42px;min-width:170px!important;padding:0 18px!important;display:grid!important;place-items:center;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18)!important;color:#fff;font-size:17px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}
.movieBanner.focused,.moviePosterTall.focused,.movieCatTile.focused,.movieSmallCat.focused,.movieBanner:hover,.moviePosterTall:hover,.movieCatTile:hover,.movieSmallCat:hover{outline:4px solid #ffd46e!important;outline-offset:-4px!important;box-shadow:0 0 26px rgba(255,214,110,.6)!important;z-index:5;transform:scale(1.012)!important}
.movieBanner.focused h3{color:#fff;text-shadow:0 0 18px #ff2a2a,0 4px 18px #000}

@media (max-height:820px){
  .vodView.movieHome{top:138px!important;left:56px!important;right:56px!important;bottom:18px!important}
  .moviesLayout{grid-template-rows:1fr 122px 38px;gap:3px}
  .movieBanner h3{font-size:31px;left:38px;bottom:92px}.movieCatTile{font-size:23px;padding-bottom:16px!important}.movieCatTile b{width:34px;height:34px;min-width:34px;font-size:14px}.movieSmallCat{height:34px;min-width:140px!important;font-size:14px}.movieDots{bottom:18px}
}
@media (max-width:1280px){
  .vodView.movieHome{top:132px!important;left:48px!important;right:48px!important;bottom:18px!important}
  .moviesLayout{grid-template-rows:1fr 116px 36px;gap:3px}
  .movieBanner h3{font-size:28px;left:34px;bottom:82px}.movieCatTile{font-size:21px}.movieSmallCat{font-size:13px;min-width:126px!important}
}


/* ===== V27 - CAPAS NAS CATEGORIAS INFERIORES DA ABA FILMES ===== */
.movieCatTile{
  background:#3b0000!important;
  isolation:isolate;
}
.movieCatTile .movieCatBg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:.82;
  filter:none!important;
  transform:scale(1.02);
  z-index:0;
}
.movieCatTile .movieCatShade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.18) 42%,rgba(0,0,0,.72));
  z-index:1;
}
.movieCatTile b,
.movieCatTile span{
  position:relative;
  z-index:2;
}
.movieCatTile span{
  width:100%;
  padding:9px 10px 11px;
  background:linear-gradient(90deg,rgba(0,80,60,.72),rgba(80,0,0,.62));
  text-align:center;
  line-height:1.05;
}
.movieCatTile:nth-child(2) span{background:linear-gradient(90deg,rgba(120,0,0,.70),rgba(60,0,0,.64))}
.movieCatTile:nth-child(3) span{background:linear-gradient(90deg,rgba(136,110,0,.72),rgba(10,90,92,.62))}
.movieCatTile:nth-child(4) span{background:linear-gradient(90deg,rgba(0,115,125,.72),rgba(0,65,95,.62))}
.movieCatTile.focused .movieCatBg,
.movieCatTile:hover .movieCatBg{
  opacity:1;
  transform:scale(1.06);
}
.movieCatTile.focused .movieCatShade,
.movieCatTile:hover .movieCatShade{
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.10) 40%,rgba(0,0,0,.55));
}


/* ===== V28 - FILMES FIT TVBOX + capas das categorias sem verde ===== */
.vodView.movieHome{
  top:150px!important;
  left:64px!important;
  right:64px!important;
  bottom:42px!important;
}
.moviesLayout{
  grid-template-columns:2.05fr .95fr .95fr!important;
  grid-template-rows:minmax(0,1fr) 128px 32px!important;
  gap:3px!important;
  max-height:calc(100vh - 192px)!important;
}
.movieBanner h3{
  font-size:clamp(27px,2.15vw,38px)!important;
  left:42px!important;
  bottom:92px!important;
}
.movieDots{bottom:18px!important;right:36px!important}
.movieCatTile{
  font-size:clamp(19px,1.65vw,25px)!important;
  padding-bottom:12px!important;
  contain:layout paint!important;
}
.movieCatTile b{
  left:14px!important;
  top:14px!important;
  min-width:34px!important;
  width:34px!important;
  height:34px!important;
  font-size:13px!important;
}
.movieCatTile .movieCatBg{
  opacity:.68!important;
  transform:none!important;
  image-rendering:auto!important;
  backface-visibility:hidden!important;
}
.movieCatTile .movieCatShade{
  background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.30) 42%,rgba(0,0,0,.80))!important;
}
.movieCatTile span{
  padding:7px 8px 9px!important;
  font-size:inherit!important;
}
.movieRealCategories{
  height:32px!important;
  gap:7px!important;
}
.movieSmallCat{
  height:30px!important;
  min-width:142px!important;
  font-size:13px!important;
  padding:0 14px!important;
}
@media (max-height:820px){
  .vodView.movieHome{top:130px!important;left:50px!important;right:50px!important;bottom:38px!important}
  .moviesLayout{grid-template-rows:minmax(0,1fr) 98px 28px!important;max-height:calc(100vh - 168px)!important;gap:3px!important}
  .movieBanner h3{font-size:26px!important;left:32px!important;bottom:70px!important}
  .movieCatTile{font-size:19px!important;padding-bottom:8px!important}
  .movieCatTile b{left:10px!important;top:9px!important;width:27px!important;height:27px!important;min-width:27px!important;font-size:11px!important}
  .movieCatTile span{padding:5px 6px 7px!important}
  .movieRealCategories{height:28px!important}
  .movieSmallCat{height:26px!important;min-width:116px!important;font-size:12px!important}
  .movieDots{bottom:13px!important}
}
@media (max-width:1280px){
  .vodView.movieHome{top:126px!important;left:46px!important;right:46px!important;bottom:36px!important}
  .moviesLayout{grid-template-rows:minmax(0,1fr) 92px 28px!important;max-height:calc(100vh - 162px)!important}
  .movieBanner h3{font-size:24px!important;left:28px!important;bottom:64px!important}
  .movieCatTile{font-size:18px!important}
  .movieSmallCat{font-size:11px!important;min-width:108px!important}
}

/* ===== V29 - FILMES: categorias inferiores igual UniTV TV Box ===== */
.vodView.movieHome{
  top:150px!important;
  left:64px!important;
  right:64px!important;
  bottom:30px!important;
}
.moviesLayout{
  grid-template-columns:2.05fr .95fr .95fr!important;
  grid-template-rows:minmax(0,1fr) 156px 0!important;
  gap:4px!important;
  max-height:calc(100vh - 180px)!important;
  overflow:hidden!important;
}
.movieCategoryRow{
  gap:4px!important;
  height:156px!important;
}
.movieCatTile{
  height:156px!important;
  min-height:156px!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  font-size:31px!important;
  line-height:1!important;
  background:#300000!important;
}
.movieCatTile .movieCatBg{
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}
.movieCatTile .movieCatShade{
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.10) 42%,rgba(0,0,0,.42) 68%,rgba(0,0,0,.70))!important;
}
.movieCatTile span{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:calc(100% - 46px)!important;
  min-height:48px!important;
  margin:0 23px 18px!important;
  padding:7px 12px 8px!important;
  border-radius:0!important;
  color:#fff!important;
  font-size:31px!important;
  font-weight:500!important;
  line-height:1!important;
  text-align:center!important;
  text-shadow:0 3px 8px #000,0 0 8px rgba(0,0,0,.9)!important;
  background:linear-gradient(90deg,rgba(0,70,65,.68),rgba(0,110,95,.48),rgba(0,70,65,.68))!important;
  clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%)!important;
}
.movieCatTile:nth-child(2) span{background:linear-gradient(90deg,rgba(112,0,0,.70),rgba(150,0,0,.48),rgba(112,0,0,.70))!important}
.movieCatTile:nth-child(3) span{background:linear-gradient(90deg,rgba(120,94,0,.72),rgba(160,128,0,.46),rgba(0,88,92,.62))!important}
.movieCatTile:nth-child(4) span{background:linear-gradient(90deg,rgba(0,110,125,.72),rgba(0,140,150,.48),rgba(0,72,94,.70))!important}
.movieCatTile b{
  left:18px!important;
  top:18px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:7px!important;
  font-size:0!important;
  background:rgba(225,255,245,.88)!important;
  color:transparent!important;
}
.movieCatTile b::after{
  content:"";
  width:17px;
  height:13px;
  border-radius:2px;
  background:#0b8062;
  display:block;
  transform:skewX(-8deg);
}
.movieCatTile:nth-child(2) b::after{background:#c01616}
.movieCatTile:nth-child(3) b::after{background:#947400;border-radius:50%}
.movieCatTile:nth-child(4) b::after{background:#07859a}
.movieRealCategories{
  display:none!important;
}
.movieBanner h3{
  font-size:clamp(31px,2.25vw,42px)!important;
  left:46px!important;
  bottom:94px!important;
  color:#fff!important;
  text-shadow:0 4px 14px #000,0 0 18px rgba(130,0,0,.6)!important;
}
.movieBanner,.moviePosterTall{height:100%!important}
.moviePosterTall{grid-row:1 / span 2!important}
.movieBanner.focused,.moviePosterTall.focused,.movieCatTile.focused,
.movieBanner:hover,.moviePosterTall:hover,.movieCatTile:hover{
  outline:4px solid #ffd76b!important;
  outline-offset:-4px!important;
  box-shadow:0 0 24px rgba(255,215,107,.60)!important;
  transform:none!important;
}
.movieCatTile.focused .movieCatBg,
.movieCatTile:hover .movieCatBg{
  transform:none!important;
  opacity:1!important;
}
.movieCatTile.focused span,
.movieCatTile:hover span{
  filter:brightness(1.12);
}
@media (max-height:820px){
  .vodView.movieHome{top:126px!important;left:48px!important;right:48px!important;bottom:24px!important}
  .moviesLayout{grid-template-rows:minmax(0,1fr) 138px 0!important;max-height:calc(100vh - 150px)!important;gap:3px!important}
  .movieCategoryRow{height:138px!important;gap:3px!important}
  .movieCatTile{height:138px!important;min-height:138px!important;font-size:28px!important}
  .movieCatTile span{font-size:28px!important;min-height:42px!important;margin:0 18px 14px!important;padding:6px 10px 7px!important}
  .movieCatTile b{left:12px!important;top:12px!important;width:36px!important;height:36px!important;min-width:36px!important}
  .movieCatTile b::after{width:15px;height:11px}
  .movieBanner h3{font-size:29px!important;left:36px!important;bottom:78px!important}
  .movieDots{bottom:16px!important}
}
@media (max-width:1280px){
  .vodView.movieHome{top:122px!important;left:42px!important;right:42px!important;bottom:22px!important}
  .moviesLayout{grid-template-rows:minmax(0,1fr) 132px 0!important;max-height:calc(100vh - 144px)!important;gap:3px!important}
  .movieCategoryRow{height:132px!important;gap:3px!important}
  .movieCatTile{height:132px!important;min-height:132px!important;font-size:25px!important}
  .movieCatTile span{font-size:25px!important;min-height:39px!important;margin:0 16px 12px!important}
  .movieCatTile b{left:10px!important;top:10px!important;width:34px!important;height:34px!important;min-width:34px!important}
  .movieBanner h3{font-size:26px!important;left:30px!important;bottom:70px!important}
}

/* ===== V30 - FILMES: fonte menor e tudo no mesmo plano ===== */
.movieCatTile span{
  font-size:22px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-height:38px!important;
  height:38px!important;
  margin:0 18px 14px!important;
  padding:6px 10px 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.movieCatTile{
  font-size:22px!important;
}
.movieCatTile b{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  left:14px!important;
  top:14px!important;
}
.movieCategoryRow{
  align-items:stretch!important;
}
@media (max-height:820px){
  .movieCatTile span{
    font-size:20px!important;
    min-height:34px!important;
    height:34px!important;
    margin:0 14px 11px!important;
    padding:5px 8px!important;
    white-space:nowrap!important;
  }
  .movieCatTile{font-size:20px!important}
}
@media (max-width:1280px){
  .movieCatTile span{
    font-size:18px!important;
    min-height:32px!important;
    height:32px!important;
    margin:0 12px 10px!important;
    padding:4px 7px!important;
    white-space:nowrap!important;
  }
  .movieCatTile{font-size:18px!important}
  .movieCatTile b{width:30px!important;height:30px!important;min-width:30px!important;left:9px!important;top:9px!important}
}

/* ===== V31 - FILMES TVBOX: categorias inferiores visíveis, sem cortar ===== */
.vodView.movieHome{
  top:146px!important;
  left:64px!important;
  right:64px!important;
  bottom:34px!important;
}
.moviesLayout{
  height:100%!important;
  max-height:none!important;
  grid-template-columns:2.05fr .95fr .95fr!important;
  grid-template-rows:minmax(0,1fr) 168px 0!important;
  gap:3px!important;
  overflow:hidden!important;
}
.movieCategoryRow{
  height:168px!important;
  min-height:168px!important;
  gap:3px!important;
  overflow:visible!important;
}
.movieCatTile{
  height:168px!important;
  min-height:168px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.movieCatTile .movieCatBg{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:.92!important;
}
.movieCatTile .movieCatShade{
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.18) 50%,rgba(0,0,0,.66))!important;
}
.movieCatTile span{
  font-size:20px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0 16px 14px!important;
  padding:4px 10px!important;
  line-height:1!important;
  white-space:nowrap!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.movieCatTile b{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  left:14px!important;
  top:14px!important;
}
.movieRealCategories{display:none!important}

@media (max-height:820px){
  .vodView.movieHome{top:136px!important;left:52px!important;right:52px!important;bottom:22px!important}
  .moviesLayout{grid-template-rows:minmax(0,1fr) 158px 0!important;gap:3px!important}
  .movieCategoryRow{height:158px!important;min-height:158px!important}
  .movieCatTile{height:158px!important;min-height:158px!important}
  .movieCatTile span{font-size:18px!important;height:31px!important;min-height:31px!important;margin:0 12px 11px!important;padding:3px 8px!important}
  .movieCatTile b{width:30px!important;height:30px!important;min-width:30px!important;left:10px!important;top:10px!important}
}
@media (max-width:1280px){
  .vodView.movieHome{top:132px!important;left:44px!important;right:44px!important;bottom:20px!important}
  .moviesLayout{grid-template-rows:minmax(0,1fr) 150px 0!important;gap:3px!important}
  .movieCategoryRow{height:150px!important;min-height:150px!important}
  .movieCatTile{height:150px!important;min-height:150px!important}
  .movieCatTile span{font-size:17px!important;height:30px!important;min-height:30px!important;margin:0 10px 10px!important;padding:3px 7px!important}
  .movieCatTile b{width:28px!important;height:28px!important;min-width:28px!important;left:9px!important;top:9px!important}
}

/* ===== V32 - FILMES: volta layout correto do print, sem corte e sem reticências nos nomes ===== */
.vodView.movieHome{
  top:min(280px,28vh)!important;
  left:64px!important;
  right:64px!important;
  bottom:34px!important;
}
.vodView.movieHome .vodGrid{
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
}
.moviesLayout{
  height:100%!important;
  max-height:none!important;
  grid-template-columns:2.05fr .95fr .95fr!important;
  grid-template-rows:minmax(0,1fr) clamp(154px,18vh,176px) 0!important;
  gap:3px!important;
  overflow:hidden!important;
}
.movieCategoryRow{
  grid-column:1!important;
  grid-row:2!important;
  height:clamp(154px,18vh,176px)!important;
  min-height:clamp(154px,18vh,176px)!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:3px!important;
  overflow:visible!important;
}
.movieCatTile{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:0!important;
}
.movieCatTile .movieCatBg{
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}
.movieCatTile .movieCatShade{
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.12) 44%,rgba(0,0,0,.50) 72%,rgba(0,0,0,.76))!important;
}
.movieCatTile span{
  position:relative!important;
  z-index:3!important;
  width:calc(100% - 34px)!important;
  height:34px!important;
  min-height:34px!important;
  margin:0 17px 13px!important;
  padding:4px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#fff!important;
  text-align:center!important;
  text-shadow:0 3px 8px #000,0 0 8px rgba(0,0,0,.9)!important;
  border-radius:0!important;
  clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%)!important;
}
.movieCatTile b{
  display:grid!important;
  position:absolute!important;
  z-index:4!important;
  left:13px!important;
  top:13px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:7px!important;
  background:rgba(225,255,245,.88)!important;
  color:transparent!important;
  font-size:0!important;
  place-items:center!important;
}
.movieCatTile b::after{width:16px!important;height:12px!important}
.movieRealCategories{display:none!important;height:0!important}
.movieBanner h3{
  font-size:clamp(30px,2.25vw,40px)!important;
  left:44px!important;
  bottom:92px!important;
  color:#fff!important;
  text-transform:uppercase!important;
  text-shadow:0 4px 14px #000,0 0 18px rgba(130,0,0,.6)!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.moviePosterTall{grid-row:1 / span 2!important;height:100%!important}
.movieBanner.focused,.moviePosterTall.focused,.movieCatTile.focused,
.movieBanner:hover,.moviePosterTall:hover,.movieCatTile:hover{
  outline:4px solid #ffd76b!important;
  outline-offset:-4px!important;
  box-shadow:0 0 24px rgba(255,215,107,.60)!important;
  transform:none!important;
}

@media (max-height:820px){
  .vodView.movieHome{top:min(220px,28vh)!important;left:52px!important;right:52px!important;bottom:22px!important}
  .moviesLayout{grid-template-rows:minmax(0,1fr) clamp(138px,20vh,158px) 0!important;gap:3px!important}
  .movieCategoryRow{height:clamp(138px,20vh,158px)!important;min-height:clamp(138px,20vh,158px)!important}
  .movieCatTile span{font-size:18px!important;height:31px!important;min-height:31px!important;margin:0 12px 11px!important;padding:3px 6px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
  .movieCatTile b{width:30px!important;height:30px!important;min-width:30px!important;left:10px!important;top:10px!important}
  .movieBanner h3{font-size:28px!important;left:34px!important;bottom:74px!important}
}
@media (max-width:1280px){
  .vodView.movieHome{top:min(205px,28vh)!important;left:44px!important;right:44px!important;bottom:20px!important}
  .moviesLayout{grid-template-rows:minmax(0,1fr) clamp(132px,20vh,150px) 0!important;gap:3px!important}
  .movieCategoryRow{height:clamp(132px,20vh,150px)!important;min-height:clamp(132px,20vh,150px)!important}
  .movieCatTile span{font-size:16px!important;height:29px!important;min-height:29px!important;margin:0 10px 10px!important;padding:3px 5px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
  .movieCatTile b{width:28px!important;height:28px!important;min-width:28px!important;left:9px!important;top:9px!important}
  .movieBanner h3{font-size:25px!important;left:28px!important;bottom:66px!important}
}

/* V33 - Correção solicitada: FILMES igual ao print, sem ícones marcados, sem cortar no Chrome/TVBox e novo cache das capas */
.vodView.movieHome{
  top: clamp(132px, 18vh, 170px) !important;
  left: clamp(34px, 4.2vw, 76px) !important;
  right: clamp(34px, 4.2vw, 76px) !important;
  bottom: clamp(16px, 2.8vh, 34px) !important;
}
.vodView.movieHome .vodGrid{
  height:100% !important;
  padding:0 !important;
  overflow:hidden !important;
}
.moviesLayout{
  height:100% !important;
  max-height: calc(100vh - 158px) !important;
  display:grid !important;
  grid-template-columns: 2.08fr .92fr .92fr !important;
  grid-template-rows: minmax(0, 1fr) clamp(112px, 18vh, 150px) 0px !important;
  gap:3px !important;
  overflow:hidden !important;
}
.movieBanner{grid-column:1 !important;grid-row:1 !important;min-height:0 !important;height:100% !important;}
.moviePosterTall{grid-row:1 / span 2 !important;height:100% !important;min-height:0 !important;}
.moviePosterTall:nth-of-type(2){grid-column:2 !important;}
.moviePosterTall:nth-of-type(3){grid-column:3 !important;}
.movieCategoryRow{
  grid-column:1 !important;
  grid-row:2 !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:3px !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.movieCatTile{
  height:100% !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.movieCatTile b,
.movieCatTile b::after{
  display:none !important;
  content:none !important;
}
.movieCatTile .movieCatBg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}
.movieCatTile .movieCatShade{
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.40) 68%,rgba(0,0,0,.58) 100%) !important;
}
.movieCatTile span{
  position:absolute !important;
  left:clamp(14px,1.6vw,26px) !important;
  right:clamp(14px,1.6vw,26px) !important;
  bottom:clamp(10px,1.7vh,22px) !important;
  height:clamp(30px,5vh,46px) !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:clamp(17px, 2vw, 29px) !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:#fff !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,rgba(0,110,62,.70),rgba(0,120,90,.45),rgba(0,85,68,.70)) !important;
  text-shadow:0 3px 9px #000 !important;
  z-index:3 !important;
}
.movieCatTile:nth-child(2) span{background:linear-gradient(90deg,rgba(125,0,0,.72),rgba(120,0,0,.50),rgba(90,0,0,.72)) !important;}
.movieCatTile:nth-child(3) span{background:linear-gradient(90deg,rgba(126,96,0,.74),rgba(130,110,0,.48),rgba(0,91,92,.66)) !important;}
.movieCatTile:nth-child(4) span{background:linear-gradient(90deg,rgba(0,110,125,.74),rgba(0,135,145,.50),rgba(0,75,100,.72)) !important;}
.movieRealCategories{display:none !important;}
.movieBanner h3{
  font-size:clamp(24px,3vw,42px) !important;
  left:clamp(28px,4vw,56px) !important;
  bottom:clamp(54px,8vh,118px) !important;
  line-height:1.05 !important;
}
.movieDots{bottom:clamp(14px,2.8vh,30px) !important;right:clamp(26px,4vw,58px) !important;}
.movieBanner img,.moviePosterTall img{
  object-fit:cover !important;
  filter:none !important;
  opacity:1 !important;
}
.movieBanner.focused,.moviePosterTall.focused,.movieCatTile.focused,
.movieBanner:hover,.moviePosterTall:hover,.movieCatTile:hover{
  outline:3px solid #ffd46e !important;
  outline-offset:-3px !important;
  transform:none !important;
}
@media (max-height:760px){
  .vodView.movieHome{top:124px !important;left:50px !important;right:50px !important;bottom:18px !important;}
  .moviesLayout{max-height:calc(100vh - 142px) !important;grid-template-rows:minmax(0,1fr) 118px 0px !important;}
  .movieBanner h3{font-size:26px !important;bottom:64px !important;left:32px !important;}
  .movieCatTile span{font-size:21px !important;height:34px !important;bottom:10px !important;left:14px !important;right:14px !important;}
}
@media (max-height:680px){
  .vodView.movieHome{top:112px !important;left:44px !important;right:44px !important;bottom:12px !important;}
  .moviesLayout{max-height:calc(100vh - 124px) !important;grid-template-rows:minmax(0,1fr) 104px 0px !important;}
  .movieBanner h3{font-size:23px !important;bottom:52px !important;left:28px !important;}
  .movieCatTile span{font-size:18px !important;height:30px !important;bottom:8px !important;}
}


/* V34 - TVBox Chrome/WebView: FILMES mais baixo e categorias sempre visíveis */
.vodView.movieHome{
  top: clamp(116px, 15.5vh, 150px) !important;
  left: clamp(38px, 3.9vw, 70px) !important;
  right: clamp(38px, 3.9vw, 70px) !important;
  bottom: clamp(42px, 7vh, 86px) !important;
}
.vodView.movieHome .vodGrid{height:100% !important;overflow:hidden !important;padding:0 !important;}
.moviesLayout{
  height:100% !important;
  max-height:none !important;
  grid-template-columns:2.08fr .92fr .92fr !important;
  grid-template-rows:minmax(0,1fr) clamp(106px,15vh,138px) 0px !important;
  gap:3px !important;
  overflow:hidden !important;
}
.movieCategoryRow{height:100% !important;min-height:0 !important;overflow:hidden !important;}
.movieCatTile{height:100% !important;min-height:0 !important;}
.movieCatTile b,.movieCatTile b::after{display:none !important;content:none !important;}
.movieCatTile span{
  font-size:clamp(15px,1.55vw,24px) !important;
  height:clamp(26px,4.1vh,38px) !important;
  line-height:1 !important;
  bottom:clamp(8px,1.4vh,16px) !important;
  left:clamp(10px,1.2vw,18px) !important;
  right:clamp(10px,1.2vw,18px) !important;
  padding:0 8px !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.movieBanner h3{font-size:clamp(22px,2.4vw,36px) !important;bottom:clamp(42px,6.5vh,86px) !important;}
.movieDots{bottom:clamp(11px,2vh,24px) !important;}
.movieBanner img,.moviePosterTall img,.movieCatTile .movieCatBg{filter:none !important;opacity:1 !important;mix-blend-mode:normal !important;transform:none !important;}
@media (max-height:820px){
  .vodView.movieHome{top:112px !important;bottom:70px !important;left:50px !important;right:50px !important;}
  .moviesLayout{grid-template-rows:minmax(0,1fr) 104px 0px !important;}
  .movieCatTile span{font-size:17px !important;height:28px !important;bottom:8px !important;left:10px !important;right:10px !important;}
  .movieBanner h3{font-size:24px !important;bottom:50px !important;}
}
@media (max-height:720px){
  .vodView.movieHome{top:104px !important;bottom:78px !important;left:42px !important;right:42px !important;}
  .moviesLayout{grid-template-rows:minmax(0,1fr) 92px 0px !important;}
  .movieCatTile span{font-size:15px !important;height:24px !important;bottom:7px !important;}
  .movieBanner h3{font-size:21px !important;bottom:42px !important;}
}
@media (max-width:1300px) and (max-height:760px){
  .vodView.movieHome{top:100px !important;bottom:72px !important;left:36px !important;right:36px !important;}
  .moviesLayout{grid-template-rows:minmax(0,1fr) 90px 0px !important;}
  .movieCatTile span{font-size:14px !important;height:23px !important;bottom:6px !important;}
}


/* ===== V35 - TVBOX CHROME: FILMES abaixo do menu, categorias visíveis e capas sem verde ===== */
.vodView.movieHome{
  top: clamp(170px, 21vh, 220px) !important;
  left: clamp(42px, 4vw, 72px) !important;
  right: clamp(42px, 4vw, 72px) !important;
  bottom: clamp(20px, 3.2vh, 42px) !important;
}
.vodView.movieHome .vodGrid{height:100% !important;padding:0 !important;overflow:hidden !important;}
.moviesLayout{
  height:100% !important;
  max-height:none !important;
  display:grid !important;
  grid-template-columns:2.08fr .92fr .92fr !important;
  grid-template-rows:minmax(0,1fr) clamp(112px, 17vh, 148px) 0 !important;
  gap:3px !important;
  overflow:hidden !important;
  background:transparent !important;
}
.movieBanner{grid-column:1 !important;grid-row:1 !important;height:100% !important;min-height:0 !important;}
.moviePosterTall{grid-row:1 / span 2 !important;height:100% !important;min-height:0 !important;}
.movieCategoryRow{grid-column:1 !important;grid-row:2 !important;height:100% !important;min-height:0 !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:3px !important;overflow:hidden !important;}
.movieCatTile{height:100% !important;min-height:0 !important;padding:0 !important;overflow:hidden !important;}
.movieCatTile b,.movieCatTile b::after{display:none !important;content:none !important;}
.movieBanner img,.moviePosterTall img,.movieCatTile .movieCatBg{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  transform:none !important;
  image-rendering:auto !important;
}
.movieCatTile .movieCatShade{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08) 48%,rgba(0,0,0,.50) 100%) !important;}
.movieCatTile span{
  position:absolute !important;
  left:clamp(12px,1.2vw,20px) !important;
  right:clamp(12px,1.2vw,20px) !important;
  bottom:clamp(8px,1.3vh,15px) !important;
  height:clamp(28px,4.2vh,38px) !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:clamp(15px,1.65vw,23px) !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:#fff !important;
  text-shadow:0 3px 8px #000 !important;
  z-index:3 !important;
}
.movieBanner h3{font-size:clamp(22px,2.4vw,34px) !important;bottom:clamp(46px,6vh,80px) !important;left:clamp(28px,3.2vw,46px) !important;line-height:1.04 !important;}
.movieDots{bottom:clamp(12px,2.2vh,22px) !important;right:clamp(26px,3.2vw,50px) !important;}
@media (max-height:760px){
  .vodView.movieHome{top:158px !important;left:42px !important;right:42px !important;bottom:18px !important;}
  .moviesLayout{grid-template-rows:minmax(0,1fr) 112px 0 !important;}
  .movieCatTile span{font-size:16px !important;height:27px !important;bottom:7px !important;}
  .movieBanner h3{font-size:22px !important;bottom:44px !important;}
}
@media (max-height:680px){
  .vodView.movieHome{top:148px !important;left:38px !important;right:38px !important;bottom:14px !important;}
  .moviesLayout{grid-template-rows:minmax(0,1fr) 96px 0 !important;}
  .movieCatTile span{font-size:14px !important;height:24px !important;bottom:6px !important;}
  .movieBanner h3{font-size:20px !important;bottom:38px !important;}
}


/* ===== V41 - KIDS igual print: letra colorida + mosaico de capas TV Box ===== */
.tab.kids,
.tab.kids.active{
  color:transparent !important;
  text-shadow:none !important;
  transform:none !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
}
.tab.kids .kidsLetters{
  display:inline-flex;
  align-items:center;
  gap:1px;
  font-weight:1000;
  font-family:Arial Black, Impact, Arial, Helvetica, sans-serif;
  transform:rotate(-5deg);
  -webkit-text-stroke:1px rgba(255,255,255,.22);
  filter:drop-shadow(0 4px 0 rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(255,255,255,.10));
}
.tab.kids .kidsLetters b{
  display:inline-block;
  line-height:.9;
  font-style:normal;
}
.tab.kids .kidsK{color:#ff4f74;transform:rotate(-8deg) translateY(1px)}
.tab.kids .kidsI{color:#ffd21f;transform:rotate(6deg) translateY(-2px)}
.tab.kids .kidsD{color:#18c9ff;transform:rotate(-4deg) translateY(1px)}
.tab.kids .kidsS{color:#63db28;transform:rotate(7deg) translateY(-1px)}
.tab.kids:hover .kidsLetters,
.tab.kids.focused .kidsLetters,
.tab.kids:focus-visible .kidsLetters,
.tab.kids.active .kidsLetters{
  filter:drop-shadow(0 4px 0 rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(255,220,120,.45));
}

.vodView.kidsHome{
  top:238px !important;
  left:86px !important;
  right:70px !important;
  bottom:54px !important;
  z-index:4 !important;
  overflow:hidden !important;
}
.vodView.kidsHome .vodHeader{display:none !important}
.vodView.kidsHome .vodGrid{
  height:100% !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  overflow:hidden !important;
}
.kidsLayout{
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:1.16fr 1.16fr 1.08fr 1.55fr;
  grid-template-rows:1fr 1fr .92fr;
  gap:4px;
  background:rgba(0,0,0,.12);
}
.kidsTile{
  position:relative !important;
  min-width:0 !important;
  min-height:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#210000 !important;
  box-shadow:none !important;
  transform:none !important;
}
.kidsTile img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  transform:none !important;
}
.kidsHero{grid-column:1 / 3 !important;grid-row:1 / 3 !important;}
.kidsMore{grid-column:3 !important;grid-row:1 !important;}
.kidsDino{grid-column:3 !important;grid-row:2 !important;}
.kidsRightTop{grid-column:4 !important;grid-row:1 / 3 !important;}
.kidsDbillions{grid-column:1 !important;grid-row:3 !important;}
.kidsBluey{grid-column:2 !important;grid-row:3 !important;}
.kidsPeppa{grid-column:3 !important;grid-row:3 !important;}
.kidsMagic{grid-column:4 !important;grid-row:3 !important;}
.kidsMoreOverlay{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  min-width:150px;
  height:42px;
  padding:0 26px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:30px;
  line-height:1;
  font-weight:500;
  background:rgba(0,0,0,.50);
  text-shadow:0 2px 8px #000;
  backdrop-filter:blur(2px);
}
.kidsTile.focused,
.kidsTile:hover{
  outline:4px solid #ffd46e !important;
  outline-offset:-4px !important;
  z-index:10 !important;
  box-shadow:0 0 26px rgba(255,214,110,.65), inset 0 0 0 2px rgba(255,255,255,.18) !important;
  transform:scale(1.012) !important;
}

@media (max-height:950px) and (min-width:1281px){
  .vodView.kidsHome{top:234px !important;left:86px !important;right:70px !important;bottom:50px !important;}
  .kidsMoreOverlay{font-size:28px;height:40px;min-width:142px;bottom:16px;}
}
@media (max-height:820px) and (min-width:1281px){
  .vodView.kidsHome{top:178px !important;left:70px !important;right:54px !important;bottom:28px !important;}
  .kidsLayout{gap:3px;grid-template-rows:1fr 1fr .88fr;}
  .kidsMoreOverlay{font-size:24px;height:34px;min-width:118px;bottom:12px;border-radius:15px;}
}
@media (max-width:1280px){
  .vodView.kidsHome{top:188px !important;left:48px !important;right:42px !important;bottom:26px !important;}
  .kidsLayout{gap:3px;grid-template-rows:1fr 1fr .88fr;}
  .kidsMoreOverlay{font-size:22px;height:32px;min-width:110px;bottom:10px;border-radius:14px;}
}
@media (max-width:1280px) and (max-height:760px){
  .vodView.kidsHome{top:170px !important;left:38px !important;right:32px !important;bottom:18px !important;}
  .mainTabs .tab.kids .kidsLetters{transform:rotate(-5deg) scale(.98);}
}
@media (max-width:980px), (max-height:620px){
  .vodView.kidsHome{top:146px !important;left:28px !important;right:22px !important;bottom:12px !important;}
  .kidsLayout{gap:2px;grid-template-rows:1fr 1fr .84fr;}
  .kidsMoreOverlay{font-size:18px;height:28px;min-width:88px;bottom:8px;}
}


/* ===== V42 - SÉRIES usa a mesma lógica visual de FILMES ===== */
.vodView.seriesHome .moviesLayout{background:rgba(0,0,0,.10)}
.vodView.seriesHome .movieBanner h3{color:#ffffff;text-shadow:0 0 18px rgba(255,42,42,.55),0 4px 18px #000}
.vodView.seriesHome .movieCatTile span{font-weight:900;text-transform:none}

/* ===== V44 - Clique em "Mais" do KIDS abre Infantil > Todos com menu lateral ===== */
.vodView.kidsBrowser{
  position:absolute !important;
  inset:0 !important;
  z-index:35 !important;
  display:block !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 76% 48%, rgba(255,255,255,.30) 0 12%, transparent 13% 100%),
    linear-gradient(180deg,#54c1d2 0%,#4cb8cb 62%,#6cab24 63%,#71b424 100%) !important;
}
.vodView.kidsBrowser:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:150px;height:300px;
  background:
    radial-gradient(ellipse at 22% 100%, #2e7c21 0 32%, transparent 33%),
    radial-gradient(ellipse at 94% 100%, #2f8522 0 28%, transparent 29%),
    radial-gradient(ellipse at 58% 105%, #4c9b2c 0 38%, transparent 39%);
  opacity:.95;
  pointer-events:none;
}
.vodView.kidsBrowser:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:175px;
  background:#6dac23;
  pointer-events:none;
}
.vodView.kidsBrowser .vodHeader{display:none !important;}
.vodView.kidsBrowser .vodGrid{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  overflow:hidden !important;
}
.kidsBrowserScreen{
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:410px minmax(0,1fr);
  gap:42px;
  padding:44px 88px 58px 78px;
}
.kidsSidePanel{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding-top:46px;
}
.kidsWoodSign{
  position:absolute;
  left:72px;
  top:4px;
  width:190px;
  height:78px;
  z-index:3;
  display:grid;
  place-items:center;
  color:#fff7cf;
  font-family:"Comic Sans MS", Arial Rounded MT Bold, Arial, sans-serif;
  font-size:24px;
  font-weight:900;
  text-shadow:0 3px 2px rgba(138,83,0,.55);
  background:linear-gradient(#ffd64c,#ffc02b 60%,#e4a819);
  border-radius:52% 48% 40% 50%/38% 42% 44% 40%;
  box-shadow:0 6px 0 rgba(111,76,0,.30), inset 0 4px 0 rgba(255,255,255,.20);
}
.kidsWoodSign:before,
.kidsWoodSign:after{
  content:"★";
  position:absolute;
  top:-24px;
  color:#ffd72a;
  font-size:38px;
  text-shadow:0 3px 3px rgba(111,80,0,.35);
}
.kidsWoodSign:before{left:22px}.kidsWoodSign:after{right:22px}
.kidsWoodSign b:before{
  content:"★";
  position:absolute;
  top:-26px;
  left:77px;
  color:#ffd72a;
  font-size:44px;
}
.kidsMenuList{
  width:310px;
  height:calc(100% - 18px);
  max-height:820px;
  padding:74px 28px 34px;
  border-radius:34px;
  background:linear-gradient(180deg,#e5e1b6,#d8d39d);
  border:9px solid #a5df43;
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.28),0 14px 24px rgba(40,98,0,.28);
  display:flex;
  flex-direction:column;
  gap:32px;
  overflow:hidden;
}
.kidsMenuButton.vodCard{
  position:relative !important;
  width:100% !important;
  min-height:72px !important;
  height:72px !important;
  border:0 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#a7ec54 0%,#80d22c 46%,#5bb819 100%) !important;
  box-shadow:inset 0 8px 0 rgba(255,255,255,.25), inset 0 -5px 0 rgba(27,111,0,.28), 0 7px 0 rgba(47,132,7,.58), 0 10px 12px rgba(44,94,10,.22) !important;
  color:#126d45 !important;
  font-family:"Comic Sans MS", Arial Rounded MT Bold, Arial, sans-serif;
  font-size:24px !important;
  font-weight:900 !important;
  text-align:left;
  padding:0 20px 0 28px !important;
  display:flex !important;
  align-items:center;
  gap:14px;
  transform:none !important;
  overflow:hidden !important;
}
.kidsMenuButton i{
  font-style:normal;
  color:#fff;
  font-size:38px;
  line-height:1;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.18));
}
.kidsMenuButton span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kidsMenuButton.active,
.kidsMenuButton:hover,
.kidsMenuButton.focused{
  outline:5px solid #ffffff !important;
  outline-offset:2px !important;
  filter:brightness(1.05) saturate(1.08);
  box-shadow:inset 0 8px 0 rgba(255,255,255,.30), inset 0 -5px 0 rgba(27,111,0,.28), 0 7px 0 rgba(47,132,7,.58), 0 0 0 4px rgba(255,236,128,.80), 0 0 28px rgba(255,255,255,.70) !important;
}
.kidsCatalogPanel{
  min-width:0;
  height:100%;
  padding:8px 0 0;
  position:relative;
  z-index:2;
}
.kidsCatalogPanel h2{
  margin:0 0 30px;
  color:#fff;
  font-size:42px;
  line-height:1;
  font-weight:400;
  letter-spacing:.2px;
  text-shadow:0 3px 3px rgba(0,0,0,.18);
}
.kidsPosterGrid{
  height:calc(100% - 74px);
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  grid-auto-rows:minmax(250px,1fr);
  gap:70px 72px;
  overflow:hidden;
  padding:0 0 20px;
}
.kidsPosterCard.vodCard{
  position:relative !important;
  width:100% !important;
  max-width:250px;
  height:100% !important;
  min-height:0 !important;
  justify-self:center;
  border:0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#1e4a58 !important;
  box-shadow:0 10px 16px rgba(23,93,104,.22) !important;
  transform:none !important;
}
.kidsPosterCard img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:18px !important;
}
.kidsPosterCard em{
  position:absolute;
  right:0;left:0;bottom:0;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:24px;
  font-style:normal;
  font-weight:500;
  background:linear-gradient(transparent,rgba(0,0,0,.76));
  text-shadow:0 2px 3px #000;
}
.kidsPosterCard:hover,
.kidsPosterCard.focused{
  outline:6px solid #fff88a !important;
  outline-offset:5px !important;
  transform:scale(1.035) !important;
  box-shadow:0 0 0 4px rgba(62,160,18,.50),0 0 32px rgba(255,255,255,.75),0 14px 24px rgba(23,93,104,.35) !important;
  z-index:5;
}

@media (max-height:820px) and (min-width:1281px){
  .kidsBrowserScreen{grid-template-columns:330px minmax(0,1fr);gap:38px;padding:34px 66px 42px 58px;}
  .kidsWoodSign{left:58px;top:0;width:154px;height:58px;font-size:19px}.kidsWoodSign:before,.kidsWoodSign:after{font-size:28px;top:-18px}.kidsWoodSign b:before{font-size:32px;top:-20px;left:62px}
  .kidsMenuList{width:260px;padding:58px 22px 26px;border-width:7px;gap:24px;border-radius:28px;}
  .kidsMenuButton.vodCard{height:56px !important;min-height:56px !important;font-size:20px !important;border-radius:17px !important;padding-left:22px !important;}
  .kidsMenuButton i{font-size:30px}
  .kidsCatalogPanel h2{font-size:34px;margin-bottom:26px;}
  .kidsPosterGrid{height:calc(100% - 60px);grid-auto-rows:minmax(210px,1fr);gap:48px 58px;}
  .kidsPosterCard.vodCard{max-width:210px;border-radius:14px !important}.kidsPosterCard img{border-radius:14px !important}.kidsPosterCard em{height:34px;font-size:20px;}
}
@media (max-width:1280px){
  .kidsBrowserScreen{grid-template-columns:280px minmax(0,1fr);gap:28px;padding:30px 44px 38px 42px;}
  .kidsWoodSign{left:54px;top:0;width:138px;height:52px;font-size:18px}.kidsWoodSign:before,.kidsWoodSign:after{font-size:25px;top:-17px}.kidsWoodSign b:before{font-size:29px;top:-18px;left:56px}
  .kidsMenuList{width:236px;padding:54px 18px 22px;border-width:6px;gap:20px;border-radius:24px;}
  .kidsMenuButton.vodCard{height:50px !important;min-height:50px !important;font-size:18px !important;border-radius:16px !important;padding-left:18px !important;}
  .kidsMenuButton i{font-size:27px}
  .kidsCatalogPanel h2{font-size:30px;margin-bottom:22px;}
  .kidsPosterGrid{height:calc(100% - 54px);grid-template-columns:repeat(4,minmax(120px,1fr));grid-auto-rows:minmax(174px,1fr);gap:40px 46px;}
  .kidsPosterCard.vodCard{max-width:178px;border-radius:13px !important}.kidsPosterCard img{border-radius:13px !important}.kidsPosterCard em{height:30px;font-size:18px;}
}
@media (max-width:980px), (max-height:620px){
  .kidsBrowserScreen{grid-template-columns:210px minmax(0,1fr);gap:18px;padding:18px 26px 24px 24px;}
  .kidsWoodSign{left:38px;width:112px;height:42px;font-size:15px}.kidsWoodSign:before,.kidsWoodSign:after{font-size:20px;top:-13px}.kidsWoodSign b:before{font-size:23px;top:-15px;left:45px}
  .kidsMenuList{width:178px;padding:46px 14px 18px;border-width:5px;gap:14px;border-radius:20px;}
  .kidsMenuButton.vodCard{height:42px !important;min-height:42px !important;font-size:14px !important;border-radius:14px !important;padding-left:14px !important;}
  .kidsMenuButton i{font-size:22px}
  .kidsCatalogPanel h2{font-size:24px;margin-bottom:16px;}
  .kidsPosterGrid{height:calc(100% - 40px);gap:24px 28px;grid-auto-rows:minmax(134px,1fr);}
  .kidsPosterCard.vodCard{max-width:140px}.kidsPosterCard em{height:24px;font-size:14px;}
}

/* ===== V44 - KIDS MAIS: menu lateral fixo + todos os filmes da categoria Infantil ===== */
.vodView.kidsBrowser{
  left:0 !important; right:0 !important; top:0 !important; bottom:0 !important;
  width:100vw !important; height:100vh !important;
}
.vodView.kidsBrowser .vodGrid{overflow:hidden !important;}
.kidsBrowserScreen{
  grid-template-columns:360px minmax(0,1fr) !important;
  gap:46px !important;
  padding:48px 72px 54px 72px !important;
}
.kidsSidePanel{
  width:360px !important;
  min-width:360px !important;
  height:100% !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding-top:58px !important;
  z-index:6 !important;
}
.kidsWoodSign{left:50% !important;top:0 !important;transform:translateX(-50%) !important;}
.kidsMenuList{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  width:310px !important;
  max-width:310px !important;
  height:calc(100% - 10px) !important;
  max-height:none !important;
  gap:26px !important;
  overflow:hidden !important;
}
.kidsCatalogPanel{height:100% !important;min-width:0 !important;overflow:hidden !important;}
.kidsCatalogPanel h2{height:52px !important;margin:0 0 20px !important;}
.kidsPosterGrid{
  height:calc(100% - 72px) !important;
  grid-template-columns:repeat(4,minmax(150px,1fr)) !important;
  grid-auto-rows:clamp(250px,34vh,360px) !important;
  gap:54px 64px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:4px 18px 80px 8px !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
}
.kidsPosterGrid::-webkit-scrollbar{width:0 !important;height:0 !important;}
.kidsPosterCard.vodCard{
  max-width:246px !important;
  min-height:250px !important;
  height:100% !important;
}
@media (max-height:820px) and (min-width:1281px){
  .kidsBrowserScreen{grid-template-columns:300px minmax(0,1fr) !important;gap:36px !important;padding:32px 58px 38px 54px !important;}
  .kidsSidePanel{width:300px !important;min-width:300px !important;padding-top:50px !important;}
  .kidsMenuList{width:252px !important;max-width:252px !important;gap:20px !important;}
  .kidsCatalogPanel h2{height:44px !important;margin-bottom:16px !important;}
  .kidsPosterGrid{height:calc(100% - 60px) !important;grid-auto-rows:clamp(192px,31vh,270px) !important;gap:40px 52px !important;padding-bottom:70px !important;}
  .kidsPosterCard.vodCard{max-width:205px !important;min-height:192px !important;}
}
@media (max-width:1280px){
  .kidsBrowserScreen{grid-template-columns:260px minmax(0,1fr) !important;gap:26px !important;padding:28px 42px 34px 38px !important;}
  .kidsSidePanel{width:260px !important;min-width:260px !important;padding-top:46px !important;}
  .kidsMenuList{width:228px !important;max-width:228px !important;gap:16px !important;}
  .kidsCatalogPanel h2{height:38px !important;margin-bottom:14px !important;}
  .kidsPosterGrid{height:calc(100% - 52px) !important;grid-template-columns:repeat(4,minmax(105px,1fr)) !important;grid-auto-rows:clamp(154px,30vh,220px) !important;gap:34px 40px !important;padding-bottom:60px !important;}
  .kidsPosterCard.vodCard{max-width:166px !important;min-height:154px !important;}
}

/* ===== V45 - KIDS > MAIS: detalhe infantil igual FILMES/SÉRIES ===== */
.kidsMoreOverlay{
  bottom:10% !important;
  min-width:clamp(92px,9vw,156px) !important;
  height:clamp(30px,4.2vh,46px) !important;
  border-radius:18px !important;
  background:rgba(0,0,0,.58) !important;
  color:#fff !important;
  font-size:clamp(20px,2.2vw,32px) !important;
  font-weight:500 !important;
  text-shadow:0 2px 8px #000 !important;
  box-shadow:0 6px 20px rgba(0,0,0,.28) !important;
}
.kidsMore.focused .kidsMoreOverlay,
.kidsMore:hover .kidsMoreOverlay{
  background:rgba(0,0,0,.72) !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.42),0 6px 24px rgba(0,0,0,.45) !important;
}
.vodDetail.kidsDetail{
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  z-index:60 !important;
  overflow:hidden !important;
  background:#0d0f15 !important;
}
.vodDetail.kidsDetail.open{
  background-image:
    linear-gradient(90deg,rgba(10,12,18,.94) 0%,rgba(10,12,18,.82) 48%,rgba(10,12,18,.58) 70%,rgba(10,12,18,.86) 100%),
    var(--vod-bg) !important;
  background-size:cover,cover !important;
  background-position:center,center !important;
}
.vodDetail.kidsDetail.open::before{
  opacity:.22 !important;
  filter:blur(1px) saturate(1.08) brightness(1.06) !important;
}
.vodDetail.kidsDetail.open::after{
  z-index:1 !important;
  background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.40) 62%,rgba(0,0,0,.86)) !important;
}
.vodDetail.kidsDetail .vodInfo{
  position:absolute !important;
  left:clamp(48px,5.3vw,90px) !important;
  top:clamp(34px,6vh,62px) !important;
  width:46% !important;
  z-index:3 !important;
  padding:0 !important;
  background:transparent !important;
}
.vodDetail.kidsDetail .vodInfo h1{
  font-size:clamp(34px,4.1vw,58px) !important;
  line-height:1.05 !important;
  margin:0 0 18px !important;
  color:#fff !important;
  text-shadow:0 4px 18px rgba(0,0,0,.72) !important;
}
.vodDetail.kidsDetail .vodInfo h1 span{
  color:#ffc228 !important;
  font-size:clamp(22px,2.1vw,34px) !important;
  margin-left:8px !important;
}
.vodDetail.kidsDetail .detailMeta{
  font-size:clamp(18px,1.65vw,27px) !important;
  color:rgba(255,255,255,.68) !important;
  font-weight:800 !important;
  margin-bottom:28px !important;
}
.vodDetail.kidsDetail .detailGenres{
  margin:10px 0 18px !important;
}
.vodDetail.kidsDetail .detailGenres span{
  font-size:clamp(16px,1.5vw,25px) !important;
  padding:3px 10px !important;
  border-radius:18px !important;
  background:rgba(0,0,0,.18) !important;
  border:2px solid rgba(255,255,255,.78) !important;
}
.vodDetail.kidsDetail .detailGenres span.hot{
  background:rgba(255,255,255,.10) !important;
}
.vodDetail.kidsDetail .vodInfo p{
  font-size:clamp(17px,1.65vw,26px) !important;
  line-height:1.22 !important;
  color:rgba(255,255,255,.72) !important;
  max-width:860px !important;
  margin:13px 0 !important;
}
.vodDetail.kidsDetail .vodInfo p b{
  color:rgba(255,255,255,.66) !important;
}
.vodDetail.kidsDetail .detailPlot{
  max-width:760px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.vodDetail.kidsDetail .detailPlot em{
  color:#e51a2b !important;
  font-style:normal !important;
}
.vodDetail.kidsDetail .detailActions{
  margin-top:clamp(26px,4.2vh,54px) !important;
  display:flex !important;
  gap:clamp(16px,1.7vw,28px) !important;
  flex-wrap:nowrap !important;
}
.vodDetail.kidsDetail .detailBtn{
  height:clamp(48px,6.2vh,68px) !important;
  min-width:clamp(146px,12vw,235px) !important;
  padding:0 22px !important;
  border-radius:0 !important;
  background:rgba(155,155,155,.70) !important;
  color:#fff !important;
  font-size:clamp(17px,1.55vw,25px) !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.vodDetail.kidsDetail .detailBtn.focused,
.vodDetail.kidsDetail .detailBtn:hover{
  outline:4px solid #ffe07a !important;
  outline-offset:2px !important;
  background:rgba(190,190,190,.82) !important;
}
.vodDetail.kidsDetail .detailPreview{
  position:absolute !important;
  right:clamp(54px,5vw,96px) !important;
  top:clamp(44px,6vh,72px) !important;
  width:39% !important;
  height:clamp(260px,38vh,420px) !important;
  z-index:3 !important;
  background:#000 !important;
  display:block !important;
  overflow:hidden !important;
  box-shadow:0 0 0 6px rgba(0,0,0,.88),0 20px 42px rgba(0,0,0,.55) !important;
}
.vodDetail.kidsDetail .detailPreview .vipMovieBox{
  position:absolute !important;
  inset:12% 0 !important;
  background-image:var(--vod-bg) !important;
  background-size:cover !important;
  background-position:center !important;
  filter:saturate(1.04) brightness(.94) !important;
}
.vodDetail.kidsDetail .detailPreview .vipMovieBox p{
  display:none !important;
}
.vodDetail.kidsDetail .fakeFsOsd{
  display:none !important;
}
.vodDetail.kidsDetail .suggestions{
  position:absolute !important;
  left:clamp(48px,5.3vw,90px) !important;
  right:0 !important;
  bottom:clamp(24px,3.4vh,48px) !important;
  height:clamp(210px,30vh,320px) !important;
  z-index:3 !important;
}
.vodDetail.kidsDetail .suggestions h2{
  color:#fff !important;
  font-size:clamp(26px,2.5vw,40px) !important;
  margin:0 0 22px !important;
  text-shadow:0 4px 14px rgba(0,0,0,.7) !important;
}
.vodDetail.kidsDetail .suggestRow{
  height:calc(100% - 58px) !important;
  display:flex !important;
  gap:clamp(22px,2.4vw,46px) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:0 70px 18px 0 !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
}
.vodDetail.kidsDetail .suggestRow::-webkit-scrollbar{width:0 !important;height:0 !important;}
.vodDetail.kidsDetail .suggestCard{
  width:clamp(120px,10.5vw,176px) !important;
  height:100% !important;
  flex:0 0 clamp(120px,10.5vw,176px) !important;
  border:0 !important;
  border-radius:0 !important;
  background:#111 !important;
  overflow:hidden !important;
  box-shadow:0 12px 26px rgba(0,0,0,.38) !important;
}
.vodDetail.kidsDetail .suggestCard img{
  width:100% !important;
  height:calc(100% - 44px) !important;
  object-fit:cover !important;
  display:block !important;
}
.vodDetail.kidsDetail .suggestCard span{
  height:44px !important;
  padding:8px 5px 0 !important;
  font-size:clamp(15px,1.35vw,23px) !important;
  color:rgba(255,255,255,.82) !important;
  background:transparent !important;
  text-align:center !important;
}
.vodDetail.kidsDetail .suggestCard em{
  position:absolute !important;
  left:0;right:0;bottom:44px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:clamp(15px,1.3vw,22px);
  font-style:normal;
  background:linear-gradient(transparent,rgba(0,0,0,.74));
  text-shadow:0 2px 4px #000;
}
.vodDetail.kidsDetail .suggestCard.focused,
.vodDetail.kidsDetail .suggestCard:hover{
  outline:4px solid #ffe07a !important;
  outline-offset:4px !important;
  transform:scale(1.035) !important;
  z-index:5 !important;
}
@media (max-width:1280px),(max-height:760px){
  .vodDetail.kidsDetail .vodInfo{left:42px !important;top:34px !important;width:50% !important;}
  .vodDetail.kidsDetail .detailPreview{right:42px !important;top:44px !important;width:38% !important;height:255px !important;}
  .vodDetail.kidsDetail .detailActions{gap:14px !important;margin-top:24px !important;}
  .vodDetail.kidsDetail .detailBtn{min-width:120px !important;height:46px !important;font-size:15px !important;padding:0 14px !important;}
  .vodDetail.kidsDetail .suggestions{left:42px !important;bottom:22px !important;height:190px !important;}
  .vodDetail.kidsDetail .suggestRow{gap:24px !important;}
  .vodDetail.kidsDetail .suggestCard{width:112px !important;flex-basis:112px !important;}
  .vodDetail.kidsDetail .suggestCard img{height:calc(100% - 34px) !important;}
  .vodDetail.kidsDetail .suggestCard span{height:34px !important;font-size:14px !important;}
}

/* ===== V46 - KIDS: botão "Mais" idêntico ao print, pill centralizado ===== */
.kidsMore .kidsMoreOverlay{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:clamp(16px, 5.2vh, 34px) !important;
  transform:translateX(-50%) !important;
  width:clamp(112px, 9.5vw, 158px) !important;
  min-width:0 !important;
  max-width:46% !important;
  height:clamp(34px, 5.3vh, 48px) !important;
  min-height:0 !important;
  padding:0 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:18px !important;
  background:rgba(0,0,0,.56) !important;
  color:#ffffff !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:clamp(22px, 2.05vw, 31px) !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-shadow:0 2px 6px rgba(0,0,0,.95) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.32) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:hidden !important;
  z-index:5 !important;
  pointer-events:none !important;
}
.kidsMore .kidsMoreOverlay::before,
.kidsMore .kidsMoreOverlay::after{
  display:none !important;
  content:none !important;
}
.kidsMore.focused .kidsMoreOverlay,
.kidsMore:hover .kidsMoreOverlay{
  background:rgba(0,0,0,.64) !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.18),0 5px 16px rgba(0,0,0,.40) !important;
}
@media (max-width:1280px), (max-height:760px){
  .kidsMore .kidsMoreOverlay{
    bottom:clamp(10px, 4.5vh, 22px) !important;
    width:clamp(88px, 9.2vw, 118px) !important;
    height:clamp(28px, 4.6vh, 36px) !important;
    font-size:clamp(18px, 2vw, 24px) !important;
    border-radius:15px !important;
  }
}

/* ===== V48 - ANIME: mesma lógica do KIDS com botão TODOS e menu lateral vermelho ===== */
.vodView.animeHome{
  display:block;
  position:absolute;
  left:70px;
  right:70px;
  top:238px;
  bottom:62px;
  z-index:3;
  overflow:hidden;
}
.vodView.animeHome .vodHeader{display:none !important;}
.vodView.animeHome .vodGrid{
  height:100% !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  overflow:hidden !important;
}
.animeLayout{
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:4px;
}
.animeTile.vodCard{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#280000 !important;
  box-shadow:none !important;
  transform:none !important;
}
.animeTile img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.animeTall{grid-row:1 / span 2;}
.animeStackTop{grid-column:4;grid-row:1;}
.animeStackBottom{grid-column:4;grid-row:2;}
.animeMoreOverlay{
  position:absolute;
  left:50%;
  bottom:36px;
  transform:translateX(-50%);
  min-width:150px;
  height:46px;
  padding:0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:rgba(0,0,0,.58);
  color:#fff;
  font-size:32px;
  font-weight:500;
  text-shadow:0 2px 4px rgba(0,0,0,.65);
}
.animeTile.focused,
.animeTile:hover{
  outline:5px solid #ffd05d !important;
  outline-offset:-5px !important;
  z-index:5;
  filter:saturate(1.08) brightness(1.05);
}

.vodView.animeBrowser{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:100vh !important;
  z-index:35 !important;
  display:block !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 78% 26%, rgba(255,126,34,.30), transparent 24%),
    radial-gradient(circle at 12% 86%, rgba(255,126,34,.20), transparent 30%),
    linear-gradient(120deg,#3b0000 0%,#760000 48%,#3a0000 100%) !important;
}
.vodView.animeBrowser:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(55deg,transparent 0 34%, rgba(255,130,39,.18) 35% 36%, transparent 37% 100%),
    linear-gradient(128deg,transparent 0 66%, rgba(255,130,39,.16) 67% 68%, transparent 69% 100%),
    repeating-linear-gradient(160deg, transparent 0 96px, rgba(255,125,40,.05) 98px 102px);
  opacity:.72;
}
.vodView.animeBrowser .vodHeader{display:none !important;}
.vodView.animeBrowser .vodGrid{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  overflow:hidden !important;
}
.animeBrowserScreen{
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  gap:40px;
  padding:58px 44px 46px 38px;
}
.animeSidePanel{
  position:relative;
  height:100%;
  background:linear-gradient(90deg,rgba(45,0,0,.72),rgba(45,0,0,.38) 72%,rgba(45,0,0,0));
  border-right:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}
.animeMenuList{
  height:100%;
  padding:14px 28px 34px 46px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:24px;
}
.animeMenuSep{
  height:1px;
  background:rgba(255,255,255,.22);
  margin:10px 0 8px;
  flex:0 0 auto;
}
.animeMenuButton.vodCard{
  width:100% !important;
  min-height:46px !important;
  height:46px !important;
  display:flex !important;
  align-items:center;
  gap:12px;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  outline:0 !important;
  color:rgba(255,255,255,.78) !important;
  font-size:32px !important;
  font-weight:400 !important;
  text-align:left;
  padding:0 !important;
  overflow:visible !important;
}
.animeMenuButton i{
  width:34px;
  text-align:center;
  color:rgba(205,225,245,.78);
  font-style:normal;
  font-size:36px;
  line-height:1;
}
.animeMenuButton span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:240px;
}
.animeMenuButton.active,
.animeMenuButton.focused,
.animeMenuButton:hover{
  color:#fff !important;
  text-shadow:0 0 14px rgba(255,255,255,.22);
}
.animeMenuButton.active:after,
.animeMenuButton.focused:after,
.animeMenuButton:hover:after{
  content:"";
  position:absolute;
  left:0;
  right:36px;
  bottom:-3px;
  height:3px;
  background:rgba(255,255,255,.75);
  box-shadow:0 0 20px rgba(255,120,20,.55);
}
.animeCatalogPanel{
  min-width:0;
  height:100%;
  overflow:hidden;
  position:relative;
  z-index:2;
}
.animeCatalogPanel h2{
  margin:6px 0 36px;
  color:#fff;
  font-size:40px;
  line-height:1;
  font-weight:500;
  letter-spacing:.2px;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.animePosterGrid{
  height:calc(100% - 78px);
  display:grid;
  grid-template-columns:repeat(5,minmax(145px,1fr));
  grid-auto-rows:clamp(276px,35vh,370px);
  gap:58px 52px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:2px 24px 90px 0;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
.animePosterGrid::-webkit-scrollbar{width:0;height:0;}
.animePosterCard.vodCard{
  position:relative !important;
  width:100% !important;
  max-width:250px !important;
  min-height:276px !important;
  height:100% !important;
  justify-self:center;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
.animePosterCard img{
  width:100% !important;
  height:calc(100% - 42px) !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:2px !important;
  box-shadow:0 12px 20px rgba(0,0,0,.35);
}
.animePosterCard b{
  position:absolute;
  left:8px;
  bottom:43px;
  color:#ff9b00;
  font-size:19px;
  font-weight:900;
  text-shadow:0 2px 4px #000;
  z-index:2;
}
.animePosterCard em{
  position:absolute;
  left:54px;
  right:0;
  bottom:43px;
  color:#fff;
  font-size:21px;
  font-style:normal;
  font-weight:500;
  text-align:center;
  text-shadow:0 2px 4px #000;
  z-index:2;
}
.animePosterCard span{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:34px;
  color:rgba(255,255,255,.82);
  font-size:26px;
  line-height:34px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
  padding-left:10px;
  text-shadow:0 2px 5px rgba(0,0,0,.35);
}
.animePosterCard.focused,
.animePosterCard:hover{
  outline:5px solid #ffcf4e !important;
  outline-offset:5px !important;
  transform:scale(1.035) !important;
  z-index:7;
}
.animePosterCard.focused img,
.animePosterCard:hover img{filter:brightness(1.08) saturate(1.08);}

@media (max-height:820px) and (min-width:1281px){
  .vodView.animeHome{left:78px;right:78px;top:215px;bottom:50px;}
  .animeBrowserScreen{grid-template-columns:300px minmax(0,1fr);gap:34px;padding:50px 40px 38px 28px;}
  .animeMenuList{padding-left:42px;gap:20px;}
  .animeMenuButton.vodCard{height:42px !important;min-height:42px !important;font-size:29px !important;}
  .animeCatalogPanel h2{font-size:36px;margin-bottom:30px;}
  .animePosterGrid{height:calc(100% - 66px);grid-auto-rows:clamp(220px,34vh,300px);gap:46px 42px;}
  .animePosterCard.vodCard{max-width:218px !important;min-height:220px !important;}
  .animePosterCard span{font-size:23px;height:30px;line-height:30px;}.animePosterCard b{bottom:38px}.animePosterCard em{bottom:38px;font-size:19px;}
}
@media (max-width:1280px){
  .vodView.animeHome{left:48px;right:48px;top:188px;bottom:40px;}
  .animeMoreOverlay{height:36px;min-width:110px;font-size:24px;bottom:26px;}
  .animeBrowserScreen{grid-template-columns:230px minmax(0,1fr);gap:24px;padding:38px 32px 32px 20px;}
  .animeMenuList{padding:10px 18px 22px 30px;gap:18px;}
  .animeMenuButton.vodCard{height:36px !important;min-height:36px !important;font-size:24px !important;}
  .animeMenuButton i{font-size:28px;width:28px}.animeMenuButton span{max-width:170px;}
  .animeCatalogPanel h2{font-size:30px;margin-bottom:22px;}
  .animePosterGrid{height:calc(100% - 52px);grid-template-columns:repeat(4,minmax(112px,1fr));grid-auto-rows:clamp(168px,32vh,230px);gap:36px 34px;padding-bottom:70px;}
  .animePosterCard.vodCard{max-width:172px !important;min-height:168px !important;}
  .animePosterCard span{font-size:18px;height:26px;line-height:26px;}.animePosterCard b{font-size:15px;bottom:32px}.animePosterCard em{font-size:16px;bottom:32px;left:42px;}
}

/* ===== V49 - FILMES/SÉRIES: clique em categoria abre menu da categoria, sem voltar ao início ===== */
.vodView.mediaBrowser.animeBrowser{
  background:
    radial-gradient(circle at 78% 26%, rgba(255,126,34,.30), transparent 24%),
    radial-gradient(circle at 12% 86%, rgba(255,126,34,.20), transparent 30%),
    linear-gradient(120deg,#3b0000 0%,#760000 48%,#3a0000 100%) !important;
}
.mediaBrowser .animeMenuList{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:none !important;
  padding-bottom:70px !important;
}
.mediaBrowser .animeMenuList::-webkit-scrollbar{width:0 !important;height:0 !important;}
.mediaBrowser .animeMenuButton.vodCard{
  flex:0 0 auto !important;
}
.mediaBrowser .animeCatalogPanel h2{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mediaBrowser .animePosterGrid{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:none !important;
}
.mediaBrowser .animePosterGrid::-webkit-scrollbar{width:0 !important;height:0 !important;}
.mediaBrowser .mediaPosterCard.focused,
.mediaBrowser .mediaPosterCard:hover{
  outline:5px solid #ffcf4e !important;
  outline-offset:5px !important;
  transform:scale(1.035) !important;
  z-index:7 !important;
}


/* ===== V53 - EXPLORAR com capas nos atalhos Adulto e Séries Curtas ===== */
.mainTabs{
  justify-content:space-between !important;
  gap:clamp(10px,1.6vw,38px) !important;
}
.mainTabs .tab{
  white-space:nowrap !important;
  font-size:clamp(25px,2.05vw,38px) !important;
  padding-left:clamp(6px,.75vw,16px) !important;
  padding-right:clamp(6px,.75vw,16px) !important;
}
.mainTabs .tab[data-section="explore"]{
  min-width:auto !important;
  letter-spacing:.2px !important;
}
.vodView.exploreHome{
  display:block !important;
  position:absolute !important;
  left:48px !important;
  right:48px !important;
  top:210px !important;
  bottom:34px !important;
  z-index:3 !important;
  overflow:hidden !important;
}
.vodView.exploreHome .vodHeader{display:none !important;}
.vodView.exploreHome .vodGrid{
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  display:block !important;
}
.exploreLayout{
  width:100%;height:100%;
  display:grid;
  grid-template-columns:1fr 1fr 1fr .92fr;
  grid-template-rows:1fr 1fr;
  gap:4px;
}
.exploreTile,
.exploreShortcut{
  border-radius:2px !important;
  overflow:hidden !important;
  background:#250000 !important;
  border:1px solid rgba(255,170,70,.22) !important;
  box-shadow:none !important;
  transform:none !important;
}
.explorePosterTall{height:100% !important;grid-row:1 / span 2;}
.exploreTile img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.exploreTile:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none;}
.exploreTile span{position:absolute;left:18px;right:12px;bottom:18px;color:#fff;font-size:24px;font-weight:900;text-shadow:0 3px 6px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2;}
.exploreShortcut{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:20px !important;
}
.exploreShort{background:linear-gradient(135deg,rgba(64,238,208,.88),rgba(20,163,129,.82)), url('./assets/logo-fallback.svg') center/100px no-repeat !important;}
.exploreAdult{background:linear-gradient(135deg,rgba(255,157,157,.88),rgba(196,67,82,.78)), url('./assets/logo-fallback.svg') center/100px no-repeat !important;}
.exploreShortcutBg{position:absolute;inset:0;width:100% !important;height:100% !important;object-fit:cover !important;display:block;z-index:0;filter:saturate(1.05) brightness(.92);}
.exploreShortcutTint{position:absolute;inset:0;display:block;z-index:1;pointer-events:none;}
.exploreShort .exploreShortcutTint{background:linear-gradient(135deg,rgba(19,207,178,.55),rgba(15,115,96,.46));}
.exploreAdult .exploreShortcutTint{background:linear-gradient(135deg,rgba(255,143,155,.52),rgba(150,30,54,.50));}
.exploreShortcut:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.18),transparent 48%);pointer-events:none;z-index:2;}
.exploreShortcutIcon{font-size:76px;line-height:1;color:#fff;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));z-index:3;}
.exploreShortcut span{
  position:relative !important;
  left:auto !important;right:auto !important;bottom:auto !important;
  min-width:230px;
  height:54px;
  display:flex;align-items:center;justify-content:center;
  padding:0 22px;
  border-radius:2px;
  background:rgba(56,35,35,.68);
  color:#fff;
  font-size:25px;
  font-weight:500;
  text-shadow:0 2px 5px #000;
  white-space:nowrap;
  z-index:3;
}
.exploreTile:hover,.exploreTile.focused,.exploreShortcut:hover,.exploreShortcut.focused{
  outline:5px solid #ffda68 !important;
  outline-offset:3px !important;
  box-shadow:0 0 0 2px rgba(90,0,0,.9),0 0 30px rgba(255,204,70,.55) !important;
  filter:brightness(1.06) saturate(1.06);
  z-index:8;
}
.vodView.exploreBrowser{
  background:
    radial-gradient(circle at 85% 12%,rgba(255,150,60,.16),transparent 22%),
    linear-gradient(120deg,#5e0000 0%,#6e0000 46%,#260000 100%) !important;
}
.vodView.exploreBrowser:before,
.vodView.exploreBrowser:after{display:none !important;}
.exploreBrowserScreen{grid-template-columns:330px minmax(0,1fr) !important;padding:54px 64px 46px 58px !important;gap:44px !important;}
.exploreMenuList{background:rgba(65,0,0,.38) !important;border:0 !important;box-shadow:none !important;padding-top:12px !important;gap:20px !important;overflow:hidden !important;}
.exploreMenuButton.vodCard{background:transparent !important;border-radius:0 !important;box-shadow:none !important;color:rgba(255,255,255,.82) !important;font-size:30px !important;font-family:Arial,Helvetica,sans-serif !important;font-weight:400 !important;height:56px !important;min-height:56px !important;padding:0 10px !important;}
.exploreMenuButton.active,.exploreMenuButton.focused{outline:0 !important;color:#fff !important;background:rgba(255,255,255,.08) !important;box-shadow:inset 4px 0 0 #ffcc55 !important;}
.exploreCatalogPanel h2{font-size:36px !important;margin-bottom:34px !important;}
.explorePosterGrid{grid-template-columns:repeat(5,minmax(130px,1fr)) !important;grid-auto-rows:clamp(200px,31vh,310px) !important;gap:48px 54px !important;overflow-y:auto !important;scrollbar-width:none !important;}
.explorePosterGrid::-webkit-scrollbar{width:0;height:0;}
.explorePosterCard.vodCard{max-width:220px !important;border-radius:3px !important;background:#160000 !important;}
.explorePosterCard img{border-radius:3px !important;}
@media (max-height:820px) and (min-width:1281px){
  .vodView.exploreHome{top:184px !important;left:42px !important;right:42px !important;bottom:24px !important;}
  .mainTabs .tab{font-size:clamp(23px,1.85vw,32px) !important;padding-left:6px !important;padding-right:6px !important;}
  .exploreShortcutIcon{font-size:62px}.exploreShortcut span{min-width:190px;height:46px;font-size:22px;}
  .exploreTile span{font-size:21px;left:14px;bottom:14px;}
  .exploreBrowserScreen{grid-template-columns:280px minmax(0,1fr) !important;padding:38px 48px 36px 46px !important;gap:34px !important;}
  .exploreMenuButton.vodCard{font-size:25px !important;height:48px !important;min-height:48px !important;}
  .explorePosterGrid{grid-auto-rows:clamp(172px,30vh,240px) !important;gap:38px 42px !important;}
}
@media (max-width:1280px){
  .mainTabs .tab{font-size:clamp(18px,2vw,26px) !important;padding-left:4px !important;padding-right:4px !important;}
  .vodView.exploreHome{top:170px !important;left:34px !important;right:34px !important;bottom:22px !important;}
  .exploreLayout{grid-template-columns:1fr 1fr 1fr .88fr;gap:3px;}
  .exploreShortcutIcon{font-size:48px}.exploreShortcut span{min-width:150px;height:38px;font-size:18px;padding:0 14px;}
  .exploreTile span{font-size:17px;left:10px;bottom:10px;}
  .exploreBrowserScreen{grid-template-columns:230px minmax(0,1fr) !important;padding:30px 36px 30px 34px !important;gap:26px !important;}
  .exploreMenuButton.vodCard{font-size:21px !important;height:42px !important;min-height:42px !important;}
  .exploreCatalogPanel h2{font-size:30px !important;margin-bottom:24px !important;}
  .explorePosterGrid{grid-template-columns:repeat(4,minmax(105px,1fr)) !important;grid-auto-rows:clamp(154px,30vh,220px) !important;gap:34px 40px !important;}
}


/* ===== V55 - trava viewport para não cortar menu ao zapear entre abas ===== */
html, body{
  width:100vw !important;
  height:100vh !important;
  max-width:100vw !important;
  max-height:100vh !important;
  overflow:hidden !important;
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  overscroll-behavior:none !important;
}
.tv-shell{
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:100vh !important;
  max-width:100vw !important;
  overflow:hidden !important;
  transform:none !important;
}
.mainTabs{
  max-width:calc(100vw - 120px) !important;
  overflow:visible !important;
}
.mainTabs .tab{
  white-space:nowrap !important;
  flex:0 1 auto !important;
}
.vodView,.content,.externalView,.vodDetail{
  max-width:100vw !important;
  overflow:hidden !important;
}
/* Grades internas podem rolar somente dentro delas, nunca a página toda */
.kidsPosterGrid,.animePosterGrid,.explorePosterGrid,.mediaPosterGrid{
  overscroll-behavior:contain !important;
}

/* ===== V56 - ANIME detalhe: evita corte dos botões inferiores na TV Box ===== */
.vodDetail.animeDetail{
  overflow:hidden !important;
}
.vodDetail.animeDetail .vodInfo{
  left:clamp(26px,2.6vw,34px) !important;
  top:clamp(18px,2.2vh,24px) !important;
  width:52% !important;
  z-index:3 !important;
}
.vodDetail.animeDetail .vodInfo h1{
  margin:0 0 8px !important;
  font-size:clamp(26px,2.35vw,38px) !important;
  line-height:1.08 !important;
  max-width:98% !important;
}
.vodDetail.animeDetail .vodInfo h1 span{
  font-size:.9em !important;
}
.vodDetail.animeDetail .detailMeta{
  font-size:clamp(14px,1.2vw,19px) !important;
  line-height:1.22 !important;
  margin-bottom:10px !important;
  max-width:96% !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.vodDetail.animeDetail .detailGenres{
  margin-bottom:8px !important;
}
.vodDetail.animeDetail .detailGenres span{
  font-size:clamp(13px,1.05vw,18px) !important;
  padding:6px 12px !important;
}
.vodDetail.animeDetail .vodInfo p{
  font-size:clamp(13px,1.02vw,18px) !important;
  line-height:1.16 !important;
  margin:6px 0 !important;
}
.vodDetail.animeDetail .detailPlot{
  display:-webkit-box !important;
  -webkit-line-clamp:4 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  max-height:calc(1.16em * 5) !important;
  margin-bottom:12px !important;
}
.vodDetail.animeDetail .detailPlot em{
  display:none !important;
}
.vodDetail.animeDetail .detailActions{
  margin-top:14px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,max-content)) !important;
  gap:10px 10px !important;
  align-items:center !important;
}
.vodDetail.animeDetail .detailBtn{
  height:42px !important;
  min-width:118px !important;
  padding:0 12px !important;
  font-size:15px !important;
}
.vodDetail.animeDetail .detailPreview{
  width:41.5% !important;
  height:clamp(200px,28vh,250px) !important;
  top:34px !important;
  right:28px !important;
}
.vodDetail.animeDetail .vipMovieBox p{
  max-width:84% !important;
  font-size:clamp(18px,1.65vw,24px) !important;
  line-height:1.24 !important;
}
.vodDetail.animeDetail .suggestions{
  left:30px !important;
  right:26px !important;
  bottom:12px !important;
  height:156px !important;
}
.vodDetail.animeDetail .suggestions h2{
  margin:0 0 8px !important;
  font-size:18px !important;
  line-height:1 !important;
}
.vodDetail.animeDetail .suggestRow{
  gap:10px !important;
}
.vodDetail.animeDetail .suggestCard{
  width:108px !important;
  height:132px !important;
}
.vodDetail.animeDetail .suggestCard img{
  height:102px !important;
}
.vodDetail.animeDetail .suggestCard span{
  height:30px !important;
  font-size:12px !important;
  line-height:30px !important;
}
.vodDetail.animeDetail .suggestCard em{
  bottom:31px !important;
  font-size:12px !important;
}
@media (max-width:1280px), (max-height:760px){
  .vodDetail.animeDetail{
    top:74px !important;
    left:24px !important;
    right:24px !important;
    bottom:10px !important;
    padding:18px 20px !important;
  }
  .vodDetail.animeDetail .vodInfo{
    left:20px !important;
    top:16px !important;
    width:53% !important;
  }
  .vodDetail.animeDetail .vodInfo h1{
    font-size:26px !important;
    margin-bottom:6px !important;
  }
  .vodDetail.animeDetail .detailMeta{
    font-size:14px !important;
    margin-bottom:8px !important;
  }
  .vodDetail.animeDetail .detailGenres span{
    font-size:13px !important;
    padding:5px 10px !important;
  }
  .vodDetail.animeDetail .vodInfo p{
    font-size:13px !important;
    margin:5px 0 !important;
  }
  .vodDetail.animeDetail .detailPlot{
    -webkit-line-clamp:3 !important;
    max-height:4.1em !important;
    margin-bottom:10px !important;
  }
  .vodDetail.animeDetail .detailActions{
    grid-template-columns:repeat(3,minmax(0,max-content)) !important;
    gap:8px !important;
    margin-top:10px !important;
  }
  .vodDetail.animeDetail .detailBtn{
    height:38px !important;
    min-width:104px !important;
    padding:0 10px !important;
    font-size:13px !important;
  }
  .vodDetail.animeDetail .detailPreview{
    width:40.5% !important;
    height:198px !important;
    top:32px !important;
    right:20px !important;
  }
  .vodDetail.animeDetail .vipMovieBox p{
    font-size:17px !important;
  }
  .vodDetail.animeDetail .suggestions{
    left:20px !important;
    right:18px !important;
    bottom:10px !important;
    height:138px !important;
  }
  .vodDetail.animeDetail .suggestions h2{
    font-size:16px !important;
    margin-bottom:6px !important;
  }
  .vodDetail.animeDetail .suggestCard{
    width:95px !important;
    height:116px !important;
  }
  .vodDetail.animeDetail .suggestCard img{
    height:88px !important;
  }
  .vodDetail.animeDetail .suggestCard span{
    height:28px !important;
    line-height:28px !important;
    font-size:11px !important;
  }
  .vodDetail.animeDetail .suggestCard em{
    bottom:29px !important;
    font-size:11px !important;
  }
}

/* ===== V57 - Detalhe/player: botões menores para não sobrepor as capas ===== */
.vodDetail.open .detailActions{
  margin-top:10px !important;
  gap:8px !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  max-width:54% !important;
  overflow:visible !important;
  position:relative !important;
  z-index:8 !important;
}
.vodDetail.open .detailBtn{
  height:38px !important;
  min-width:104px !important;
  max-width:138px !important;
  padding:0 10px !important;
  font-size:13px !important;
  line-height:38px !important;
  border-radius:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-shadow:0 4px 12px rgba(0,0,0,.24) !important;
}
.vodDetail.open .suggestions{
  left:30px !important;
  right:24px !important;
  bottom:10px !important;
  height:160px !important;
  z-index:4 !important;
  overflow:hidden !important;
}
.vodDetail.open .suggestions h2{
  margin:0 0 7px !important;
  font-size:20px !important;
  line-height:1 !important;
  text-shadow:0 2px 6px rgba(0,0,0,.9) !important;
  position:relative !important;
  z-index:5 !important;
}
.vodDetail.open .suggestRow{
  gap:12px !important;
  height:132px !important;
  overflow:hidden !important;
  align-items:flex-start !important;
}
.vodDetail.open .suggestCard{
  width:100px !important;
  height:132px !important;
  flex:0 0 100px !important;
}
.vodDetail.open .suggestCard img{
  height:104px !important;
  width:100% !important;
  object-fit:cover !important;
}
.vodDetail.open .suggestCard span{
  height:28px !important;
  line-height:28px !important;
  font-size:11px !important;
  padding:0 6px !important;
}
.vodDetail.open .suggestCard em{
  bottom:29px !important;
  font-size:11px !important;
}
.vodDetail.open .vodInfo{
  z-index:7 !important;
}
@media (max-width:1280px), (max-height:760px){
  .vodDetail.open .detailActions{
    margin-top:8px !important;
    gap:6px !important;
    max-width:56% !important;
  }
  .vodDetail.open .detailBtn{
    height:34px !important;
    min-width:92px !important;
    max-width:120px !important;
    padding:0 8px !important;
    font-size:12px !important;
    line-height:34px !important;
  }
  .vodDetail.open .suggestions{
    left:18px !important;
    right:16px !important;
    bottom:8px !important;
    height:132px !important;
  }
  .vodDetail.open .suggestions h2{
    font-size:16px !important;
    margin-bottom:5px !important;
  }
  .vodDetail.open .suggestRow{
    height:110px !important;
    gap:9px !important;
  }
  .vodDetail.open .suggestCard{
    width:84px !important;
    height:110px !important;
    flex-basis:84px !important;
  }
  .vodDetail.open .suggestCard img{
    height:86px !important;
  }
  .vodDetail.open .suggestCard span{
    height:24px !important;
    line-height:24px !important;
    font-size:10px !important;
  }
}


/* V58 - oculta o titulo da faixa de sugestoes */
.suggestions h2{display:none !important;}


/* ===== V59 - Detalhe: remove o texto 'Voce tambem pode gostar' e reduz as capas inferiores ===== */
.vodDetail .suggestions h2,
.vodDetail.open .suggestions h2,
.vodDetail.kidsDetail .suggestions h2,
.vodDetail.animeDetail .suggestions h2{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  font-size:0 !important;
}
.vodDetail.open .suggestions,
.vodDetail.kidsDetail .suggestions,
.vodDetail.animeDetail .suggestions{
  left:clamp(22px,2.8vw,44px) !important;
  right:clamp(16px,2vw,30px) !important;
  bottom:10px !important;
  height:126px !important;
  z-index:4 !important;
  overflow:hidden !important;
}
.vodDetail.open .suggestRow,
.vodDetail.kidsDetail .suggestRow,
.vodDetail.animeDetail .suggestRow{
  height:126px !important;
  gap:12px !important;
  overflow:hidden !important;
  align-items:flex-start !important;
}
.vodDetail.open .suggestCard,
.vodDetail.kidsDetail .suggestCard,
.vodDetail.animeDetail .suggestCard{
  width:92px !important;
  height:122px !important;
  flex:0 0 92px !important;
  max-width:92px !important;
  min-width:92px !important;
  border-width:1px !important;
  overflow:hidden !important;
}
.vodDetail.open .suggestCard img,
.vodDetail.kidsDetail .suggestCard img,
.vodDetail.animeDetail .suggestCard img{
  width:100% !important;
  height:96px !important;
  object-fit:cover !important;
  display:block !important;
}
.vodDetail.open .suggestCard span,
.vodDetail.kidsDetail .suggestCard span,
.vodDetail.animeDetail .suggestCard span{
  height:26px !important;
  line-height:26px !important;
  font-size:10.5px !important;
  padding:0 4px !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.vodDetail.open .suggestCard em,
.vodDetail.kidsDetail .suggestCard em,
.vodDetail.animeDetail .suggestCard em{
  bottom:27px !important;
  font-size:10px !important;
}
.vodDetail.open .detailActions,
.vodDetail.kidsDetail .detailActions,
.vodDetail.animeDetail .detailActions{
  z-index:8 !important;
  position:relative !important;
  margin-bottom:8px !important;
}
@media (min-width:1500px) and (min-height:850px){
  .vodDetail.open .suggestions,
  .vodDetail.kidsDetail .suggestions,
  .vodDetail.animeDetail .suggestions{height:136px !important;bottom:12px !important;}
  .vodDetail.open .suggestRow,
  .vodDetail.kidsDetail .suggestRow,
  .vodDetail.animeDetail .suggestRow{height:136px !important;gap:14px !important;}
  .vodDetail.open .suggestCard,
  .vodDetail.kidsDetail .suggestCard,
  .vodDetail.animeDetail .suggestCard{width:104px !important;height:136px !important;flex-basis:104px !important;max-width:104px !important;min-width:104px !important;}
  .vodDetail.open .suggestCard img,
  .vodDetail.kidsDetail .suggestCard img,
  .vodDetail.animeDetail .suggestCard img{height:108px !important;}
  .vodDetail.open .suggestCard span,
  .vodDetail.kidsDetail .suggestCard span,
  .vodDetail.animeDetail .suggestCard span{height:28px !important;line-height:28px !important;font-size:11.5px !important;}
}
@media (max-width:1280px), (max-height:760px){
  .vodDetail.open .suggestions,
  .vodDetail.kidsDetail .suggestions,
  .vodDetail.animeDetail .suggestions{left:16px !important;right:12px !important;bottom:8px !important;height:106px !important;}
  .vodDetail.open .suggestRow,
  .vodDetail.kidsDetail .suggestRow,
  .vodDetail.animeDetail .suggestRow{height:106px !important;gap:8px !important;}
  .vodDetail.open .suggestCard,
  .vodDetail.kidsDetail .suggestCard,
  .vodDetail.animeDetail .suggestCard{width:78px !important;height:102px !important;flex-basis:78px !important;max-width:78px !important;min-width:78px !important;}
  .vodDetail.open .suggestCard img,
  .vodDetail.kidsDetail .suggestCard img,
  .vodDetail.animeDetail .suggestCard img{height:80px !important;}
  .vodDetail.open .suggestCard span,
  .vodDetail.kidsDetail .suggestCard span,
  .vodDetail.animeDetail .suggestCard span{height:22px !important;line-height:22px !important;font-size:9.5px !important;}
}


/* ===== V60 - FILMES/SERIES detalhe: remove titulo, reduz sugestoes e corrige enquadramento ===== */
#vodDetail .suggestions > h2{display:none !important;visibility:hidden !important;opacity:0 !important;height:0 !important;max-height:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important;}
#vodDetail.open .detailActions{display:grid !important;grid-template-columns:repeat(3,minmax(0,max-content)) !important;gap:10px 12px !important;align-items:center !important;margin-top:12px !important;margin-bottom:12px !important;}
#vodDetail.open .detailBtn{height:40px !important;min-width:150px !important;padding:0 12px !important;font-size:13px !important;line-height:40px !important;}
#vodDetail.open .suggestions{left:20px !important;right:18px !important;bottom:8px !important;height:108px !important;overflow:hidden !important;z-index:4 !important;}
#vodDetail.open .suggestRow{height:108px !important;gap:10px !important;overflow:hidden !important;align-items:flex-start !important;}
#vodDetail.open .suggestCard{width:76px !important;height:104px !important;flex:0 0 76px !important;max-width:76px !important;min-width:76px !important;overflow:hidden !important;border-width:1px !important;}
#vodDetail.open .suggestCard img{height:80px !important;width:100% !important;object-fit:cover !important;}
#vodDetail.open .suggestCard span{height:24px !important;line-height:24px !important;font-size:9.5px !important;padding:0 4px !important;text-align:center !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
#vodDetail.open .suggestCard em{bottom:25px !important;font-size:9px !important;}
#vodDetail.open .vodInfo{width:50% !important;}
#vodDetail.open .detailPreview{width:43% !important;height:250px !important;top:42px !important;right:26px !important;}
@media (min-width:1500px) and (min-height:850px){
  #vodDetail.open .detailActions{grid-template-columns:repeat(4,minmax(0,max-content)) !important;gap:10px 12px !important;margin-top:14px !important;}
  #vodDetail.open .detailBtn{height:42px !important;min-width:150px !important;font-size:14px !important;}
  #vodDetail.open .suggestions{height:116px !important;bottom:10px !important;left:24px !important;right:18px !important;}
  #vodDetail.open .suggestRow{height:116px !important;gap:12px !important;}
  #vodDetail.open .suggestCard{width:84px !important;height:112px !important;flex-basis:84px !important;max-width:84px !important;min-width:84px !important;}
  #vodDetail.open .suggestCard img{height:86px !important;}
  #vodDetail.open .suggestCard span{height:26px !important;line-height:26px !important;font-size:10px !important;}
}
@media (max-width:1280px), (max-height:760px){
  #vodDetail.open .detailActions{grid-template-columns:repeat(2,minmax(0,max-content)) !important;gap:8px !important;margin-top:8px !important;margin-bottom:8px !important;}
  #vodDetail.open .detailBtn{height:34px !important;min-width:124px !important;font-size:12px !important;padding:0 10px !important;line-height:34px !important;}
  #vodDetail.open .suggestions{height:94px !important;left:14px !important;right:12px !important;bottom:8px !important;}
  #vodDetail.open .suggestRow{height:94px !important;gap:8px !important;}
  #vodDetail.open .suggestCard{width:68px !important;height:92px !important;flex-basis:68px !important;max-width:68px !important;min-width:68px !important;}
  #vodDetail.open .suggestCard img{height:70px !important;}
  #vodDetail.open .suggestCard span{height:22px !important;line-height:22px !important;font-size:8.8px !important;}
  #vodDetail.open .detailPreview{height:210px !important;top:38px !important;right:18px !important;width:41% !important;}
}


/* ===== V61 - correção real BlueStacks/TVBox: sem título, sugestões pequenas e sem sobreposição ===== */
#vodDetail .suggestions > h2{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;}
#vodDetail.open .suggestions{left:24px!important;right:20px!important;bottom:8px!important;height:88px!important;max-height:88px!important;overflow:hidden!important;z-index:5!important;}
#vodDetail.open .suggestRow{height:88px!important;max-height:88px!important;gap:8px!important;overflow:hidden!important;align-items:flex-start!important;}
#vodDetail.open .suggestCard{width:64px!important;height:86px!important;min-width:64px!important;max-width:64px!important;flex:0 0 64px!important;overflow:hidden!important;transform:none!important;border:1px solid rgba(255,255,255,.12)!important;background:#090909!important;}
#vodDetail.open .suggestCard img{width:64px!important;height:66px!important;object-fit:cover!important;display:block!important;border-radius:0!important;}
#vodDetail.open .suggestCard span{height:20px!important;line-height:20px!important;font-size:8.5px!important;padding:0 2px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#111!important;color:#fff!important;}
#vodDetail.open .suggestCard em{display:none!important;}
#vodDetail.open .detailActions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:10px!important;margin-bottom:100px!important;position:relative!important;z-index:10!important;max-width:52%!important;}
#vodDetail.open .detailBtn{height:34px!important;min-width:112px!important;padding:0 9px!important;font-size:12px!important;line-height:34px!important;}
#vodDetail.open .vodInfo{width:50%!important;max-height:calc(100% - 100px)!important;overflow:hidden!important;}
#vodDetail.open .detailPreview{width:43%!important;height:230px!important;right:26px!important;top:42px!important;}
@media (min-width:1500px) and (min-height:850px){
  #vodDetail.open .suggestions{height:92px!important;max-height:92px!important;bottom:10px!important;}
  #vodDetail.open .suggestRow{height:92px!important;max-height:92px!important;gap:9px!important;}
  #vodDetail.open .suggestCard{width:68px!important;height:90px!important;min-width:68px!important;max-width:68px!important;flex-basis:68px!important;}
  #vodDetail.open .suggestCard img{width:68px!important;height:70px!important;}
  #vodDetail.open .suggestCard span{height:20px!important;line-height:20px!important;font-size:8.5px!important;}
  #vodDetail.open .detailActions{margin-bottom:104px!important;}
}
@media (max-width:1280px), (max-height:760px){
  #vodDetail.open .suggestions{left:14px!important;right:10px!important;bottom:6px!important;height:72px!important;max-height:72px!important;}
  #vodDetail.open .suggestRow{height:72px!important;max-height:72px!important;gap:6px!important;}
  #vodDetail.open .suggestCard{width:52px!important;height:70px!important;min-width:52px!important;max-width:52px!important;flex-basis:52px!important;}
  #vodDetail.open .suggestCard img{width:52px!important;height:54px!important;}
  #vodDetail.open .suggestCard span{height:16px!important;line-height:16px!important;font-size:7px!important;}
  #vodDetail.open .detailActions{max-width:52%!important;margin-bottom:78px!important;gap:5px!important;}
  #vodDetail.open .detailBtn{height:28px!important;min-width:94px!important;font-size:10px!important;line-height:28px!important;padding:0 6px!important;}
  #vodDetail.open .detailPreview{height:190px!important;right:16px!important;top:36px!important;}
}


/* ===== V62 - JOGOS com foto de fundo e moldura mais bonita ===== */
.externalView{
  background:#050000 url('./assets/games-bg.png') center center / cover no-repeat !important;
  border:2px solid rgba(255,196,58,.78) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.68), inset 0 0 0 1px rgba(255,255,255,.06) !important;
}
.externalView::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(18,0,0,.30),rgba(8,0,0,.44)), radial-gradient(circle at center, rgba(0,0,0,.08), rgba(0,0,0,.42));
  pointer-events:none;
  z-index:0;
}
.externalTop{
  position:relative;
  z-index:3;
  background:linear-gradient(90deg,rgba(122,0,0,.92),rgba(68,0,0,.88)) !important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.externalTop span{
  color:rgba(255,255,255,.82) !important;
}
.externalClose{
  border:2px solid rgba(103,38,0,.34) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.28) !important;
}
.externalView iframe{
  position:relative;
  z-index:2;
  width:calc(100% - 28px) !important;
  height:calc(100% - 58px - 28px) !important;
  margin:14px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:rgba(0,0,0,.70) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06) !important;
}
@media (max-height:820px) and (min-width:1281px){
  .externalView iframe{height:calc(100% - 50px - 24px) !important;margin:12px !important;border-radius:16px !important;}
}
@media (max-width:1280px){
  .externalView iframe{height:calc(100% - 50px - 22px) !important;margin:11px !important;border-radius:14px !important;}
}


/* ===== V64 - JOGOS: volta a foto de fundo e remove a caixa azul/escura ===== */
.externalView{
  background:url('./assets/games-bg.png') center center / cover no-repeat !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.externalView::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.16)) !important;
  pointer-events:none !important;
  z-index:0 !important;
}
.externalTop{
  position:relative !important;
  z-index:3 !important;
  background:rgba(116,0,0,.88) !important;
  border-bottom:1px solid rgba(255,210,90,.24) !important;
  box-shadow:none !important;
}
.externalTop strong{color:#fff !important;}
.externalTop span{color:rgba(255,255,255,.90) !important;}
.externalClose{box-shadow:none !important;}
.externalView iframe{
  position:relative !important;
  z-index:2 !important;
  width:calc(100% - 18px) !important;
  height:calc(100% - 58px - 18px) !important;
  margin:9px !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  box-shadow:none !important;
}
@media (max-height:820px) and (min-width:1281px){
  .externalView iframe{width:calc(100% - 16px) !important;height:calc(100% - 50px - 16px) !important;margin:8px !important;border-radius:10px !important;}
}
@media (max-width:1280px){
  .externalView iframe{width:calc(100% - 14px) !important;height:calc(100% - 50px - 14px) !important;margin:7px !important;border-radius:10px !important;}
}


/* ===== V65 - JOGOS: remove todo painel escuro/azulado e deixa so foto + tabela ===== */
.externalView{
  background:url('./assets/games-bg.png') center center / cover no-repeat !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.externalView::before{display:none !important;content:none !important;}
.externalTop{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  z-index:5 !important;
  overflow:visible !important;
  display:block !important;
}
.externalTop strong,
.externalTop span{display:none !important;}
.externalClose{
  position:absolute !important;
  top:14px !important;
  right:18px !important;
  width:auto !important;
  min-width:148px !important;
  height:46px !important;
  padding:0 26px !important;
  border-radius:16px !important;
  border:2px solid rgba(107,48,0,.45) !important;
  background:linear-gradient(180deg,#ffb52f,#ff8b00) !important;
  color:#260000 !important;
  font-size:18px !important;
  font-weight:900 !important;
  box-shadow:0 10px 25px rgba(0,0,0,.25) !important;
  z-index:8 !important;
}
.externalView iframe{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
@media (max-height:820px) and (min-width:1281px){
  .externalClose{top:12px !important;right:16px !important;height:42px !important;min-width:136px !important;font-size:17px !important;}
}
@media (max-width:1280px){
  .externalClose{top:12px !important;right:14px !important;height:40px !important;min-width:128px !important;font-size:16px !important;padding:0 22px !important;}
}


/* ===== V66 - JOGOS: remove visualmente o fundo preto/azul que vem dentro do iframe =====
   A página externa dos jogos vem com fundo escuro próprio. Como ela está em iframe cross-domain,
   não dá para editar o CSS interno dela. Este blend faz o preto do iframe sumir e deixa a foto aparecer atrás. */
.externalView{
  background:url('./assets/games-bg.png') center center / cover no-repeat !important;
  isolation:isolate !important;
}
.externalView::after{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.02) !important;
  pointer-events:none !important;
  z-index:1 !important;
}
.externalView iframe{
  background:transparent !important;
  mix-blend-mode:screen !important;
  opacity:.98 !important;
  filter:contrast(1.18) brightness(1.08) saturate(1.05) !important;
}
.externalClose{
  z-index:20 !important;
}
@media (max-width:1280px), (max-height:760px){
  .externalView iframe{opacity:.99 !important;filter:contrast(1.22) brightness(1.10) saturate(1.06) !important;}
}


/* V67 - remove botao VOLTAR da tela JOGOS */
.externalClose{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}


/* V68 - JOGOS: esconde totalmente o player/lista por baixo */
#app.games-open .content{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
#app.games-open .content *{
  pointer-events:none !important;
}
#app.games-open .externalView{
  z-index:60 !important;
}


/* ===== V105 - VISUAIS/ÍCONES MANTIDOS SOBRE BASE FUNCIONAL ===== */
/* ===== V72 - ÍCONE REAL UNITV ENVIADO PELO USUÁRIO ===== */
.logoBox{
  overflow:hidden !important;
  background:#fff !important;
  border-radius:10px !important;
  padding:4px !important;
}
.logoBox .unitvLogoImg{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}
.logoBox .playIcon{
  display:none !important;
}

/* ===== V85 - Detalhe VOD sem menu superior =====
   Ao clicar em qualquer capa de FILMES, SÉRIES, ANIME, KIDS ou DESTAQUES,
   some o topo inteiro e fica só a capa/fundo do VOD com o detalhe. */
.tv-shell.detail-mode .topbar,
.tv-shell.detail-mode .mainTabs{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.tv-shell.detail-mode .vodDetail.open{
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:100vh !important;
  border-radius:0 !important;
  padding:42px 54px 30px 54px !important;
  z-index:40 !important;
}

.tv-shell.detail-mode .vodDetail.open .vodInfo{
  padding-top:0 !important;
}

.tv-shell.detail-mode .vodDetail.open .detailPreview{
  top:40px !important;
  right:54px !important;
}

.tv-shell.detail-mode .vodDetail.open .detailActions{
  margin-top:58px !important;
}

.tv-shell.detail-mode .vodDetail.open .suggestions{
  left:54px !important;
  right:36px !important;
  bottom:16px !important;
}

@media (max-width:1280px), (max-height:760px){
  .tv-shell.detail-mode .vodDetail.open{
    padding:28px 38px 22px 38px !important;
  }

  .tv-shell.detail-mode .vodDetail.open .detailPreview{
    top:28px !important;
    right:38px !important;
  }

  .tv-shell.detail-mode .vodDetail.open .detailActions{
    margin-top:42px !important;
  }

  .tv-shell.detail-mode .vodDetail.open .suggestions{
    left:38px !important;
    right:26px !important;
    bottom:12px !important;
  }
}

@media (max-height:950px) and (min-width:1281px){
  .tv-shell.detail-mode .vodDetail.open{
    padding:34px 48px 24px 48px !important;
  }

  .tv-shell.detail-mode .vodDetail.open .detailPreview{
    top:34px !important;
    right:48px !important;
  }

  .tv-shell.detail-mode .vodDetail.open .detailActions{
    margin-top:50px !important;
  }

  .tv-shell.detail-mode .vodDetail.open .suggestions{
    left:48px !important;
    right:34px !important;
    bottom:14px !important;
  }
}

/* ===== V87 - MENU SUPERIOR CORRIGIDO IGUAL AO PRINT ===== */
.topbar{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  height:92px !important;
  padding:0 44px 0 68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  z-index:10 !important;
  overflow:visible !important;
  background:transparent !important;
  backdrop-filter:none !important;
}

.brand{
  position:relative !important;
  z-index:2 !important;
  width:230px !important;
  min-width:230px !important;
  max-width:230px !important;
  height:70px !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  padding:0 18px 0 8px !important;
  margin:0 !important;
  color:#fff !important;
  font-size:26px !important;
  font-weight:500 !important;
  background:linear-gradient(105deg, rgba(92,92,92,.26) 0%, rgba(92,92,92,.14) 70%, transparent 71%) !important;
  border-radius:0 0 70px 0 !important;
  filter:none !important;
  box-shadow:none !important;
}

.logoBox{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:8px !important;
  background:#fff !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  padding:4px !important;
  box-shadow:none !important;
}

.logoBox .unitvLogoImg{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}

#appName{
  font-size:26px !important;
  line-height:1 !important;
  font-weight:500 !important;
  color:#fff !important;
  letter-spacing:.1px !important;
}

.topMemberPill{
  position:absolute !important;
  left:50% !important;
  top:22px !important;
  transform:translateX(-50%) !important;
  z-index:2 !important;
  height:42px !important;
  width:300px !important;
  max-width:300px !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:25px !important;
  background:rgba(82,82,82,.40) !important;
  color:#ffb11e !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.topMemberPillIcon{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  border-radius:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffb11e !important;
  color:#592800 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

.topMemberPillText{
  color:#ffb11e !important;
  font-size:22px !important;
  font-weight:500 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.topActions{
  position:relative !important;
  z-index:2 !important;
  margin-left:auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}

.circle{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.10) !important;
  border:2px solid rgba(255,255,255,.22) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.circle b,
.memberBtn b{
  display:none !important;
}

.ico{
  width:24px !important;
  height:24px !important;
  display:block !important;
  position:relative !important;
  transform:none !important;
}

.ico-search{
  border:3px solid #fff !important;
  border-radius:50% !important;
}
.ico-search:after{
  content:"" !important;
  position:absolute !important;
  width:11px !important;
  height:3px !important;
  background:#fff !important;
  right:-7px !important;
  bottom:0px !important;
  transform:rotate(45deg) !important;
  border-radius:3px !important;
}

.ico-filter:before{
  content:"" !important;
  position:absolute !important;
  inset:2px 3px !important;
  border:3px solid #fff !important;
  border-top-width:3px !important;
  border-radius:2px !important;
  clip-path:polygon(0 0,100% 0,62% 43%,62% 98%,39% 98%,39% 43%) !important;
}

.ico-clock{
  border:3px solid #fff !important;
  border-radius:50% !important;
}
.ico-clock:before{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  top:5px !important;
  width:3px !important;
  height:8px !important;
  background:#fff !important;
  border-radius:3px !important;
}
.ico-clock:after{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  top:12px !important;
  width:7px !important;
  height:3px !important;
  background:#fff !important;
  border-radius:3px !important;
}

.ico-user:before{
  content:"" !important;
  position:absolute !important;
  left:6px !important;
  top:2px !important;
  width:12px !important;
  height:12px !important;
  border:3px solid #fff !important;
  border-radius:50% !important;
}
.ico-user:after{
  content:"" !important;
  position:absolute !important;
  left:3px !important;
  right:3px !important;
  bottom:1px !important;
  height:10px !important;
  border:3px solid #fff !important;
  border-bottom:none !important;
  border-radius:16px 16px 0 0 !important;
}

.ico-help{
  border:3px solid #fff !important;
  border-radius:50% !important;
}
.ico-help:before{
  content:"?" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-2px !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:24px !important;
  text-align:center !important;
}
.ico-help:after{
  display:none !important;
}

.ico-bell:before{
  content:"" !important;
  position:absolute !important;
  left:5px !important;
  right:5px !important;
  top:3px !important;
  bottom:5px !important;
  border:3px solid #fff !important;
  border-bottom:none !important;
  border-radius:13px 13px 3px 3px !important;
}
.ico-bell:after{
  content:"" !important;
  position:absolute !important;
  left:8px !important;
  right:8px !important;
  bottom:2px !important;
  height:3px !important;
  background:#fff !important;
  border-radius:4px !important;
}

.wifi{
  width:34px !important;
  height:24px !important;
  min-width:34px !important;
  position:relative !important;
  margin-left:0 !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
}
.wifi:before{
  content:"" !important;
  position:absolute !important;
  left:3px !important;
  top:2px !important;
  width:28px !important;
  height:18px !important;
  border:4px solid #fff !important;
  border-left-color:transparent !important;
  border-right-color:transparent !important;
  border-bottom-color:transparent !important;
  border-radius:50% !important;
  transform:none !important;
}
.wifi:after{
  content:"" !important;
  position:absolute !important;
  left:10px !important;
  top:10px !important;
  width:14px !important;
  height:9px !important;
  border:4px solid #fff !important;
  border-left-color:transparent !important;
  border-right-color:transparent !important;
  border-bottom-color:transparent !important;
  border-radius:50% !important;
  transform:none !important;
}
#clock{
  font-size:30px !important;
  font-weight:600 !important;
  color:#fff !important;
  line-height:1 !important;
  letter-spacing:.5px !important;
  text-shadow:none !important;
}

/* mantendo a navegação abaixo sem brigar com o topo */
.mainTabs{
  top:110px !important;
}

/* 1280x720 / TV Box */
@media (max-width:1280px), (max-height:760px){
  .topbar{
    height:78px !important;
    padding:0 26px 0 42px !important;
    gap:12px !important;
  }
  .brand{
    width:205px !important;
    min-width:205px !important;
    max-width:205px !important;
    height:58px !important;
    gap:12px !important;
    padding-left:8px !important;
  }
  .logoBox{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }
  #appName{
    font-size:21px !important;
  }
  .topMemberPill{
    top:18px !important;
    height:36px !important;
    width:250px !important;
    max-width:250px !important;
    gap:8px !important;
  }
  .topMemberPillIcon{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    font-size:9px !important;
  }
  .topMemberPillText{
    font-size:18px !important;
  }
  .topActions{
    gap:12px !important;
  }
  .circle{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }
  .ico{
    width:20px !important;
    height:20px !important;
  }
  .wifi{
    width:28px !important;
    height:20px !important;
    min-width:28px !important;
  }
  .wifi:before{
    left:2px !important;
    width:24px !important;
    height:15px !important;
    border-width:3px !important;
  }
  .wifi:after{
    left:9px !important;
    width:10px !important;
    height:7px !important;
    border-width:3px !important;
  }
  #clock{
    font-size:25px !important;
  }
  .mainTabs{
    top:90px !important;
  }
}

/* ===== V89 - ÍCONES DO TOPO COM IMAGENS DO USUÁRIO ===== */
.topMemberPillIcon{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
.topPillImg{
  width:18px !important;
  height:18px !important;
  object-fit:contain !important;
  display:block !important;
}

.topCustomIcon{
  width:22px !important;
  height:22px !important;
  object-fit:contain !important;
  display:block !important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.18)) !important;
}
.topIconSearch{width:21px !important;height:21px !important;}
.topIconFilter{width:21px !important;height:21px !important;}
.topIconUser{width:22px !important;height:22px !important;}
.topIconHelp{width:22px !important;height:22px !important;}
.topIconBell{width:22px !important;height:22px !important;}

.topWifiImg{
  width:32px !important;
  height:22px !important;
  object-fit:contain !important;
  display:block !important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.18)) !important;
}

@media (max-width:1280px), (max-height:760px){
  .topMemberPillIcon,.topPillImg{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
  }
  .topCustomIcon{
    width:18px !important;
    height:18px !important;
  }
  .topIconSearch{width:18px !important;height:18px !important;}
  .topIconFilter{width:18px !important;height:18px !important;}
  .topIconUser{width:18px !important;height:18px !important;}
  .topIconHelp{width:18px !important;height:18px !important;}
  .topIconBell{width:18px !important;height:18px !important;}
  .topWifiImg{
    width:26px !important;
    height:18px !important;
  }
}

/* ===== V90 - TESTE COM ÍCONES DE USUÁRIO E HISTÓRICO ENVIADOS PELO USUÁRIO ===== */
.topIconHistory{
  width:22px !important;
  height:22px !important;
  object-fit:contain !important;
  display:block !important;
}
@media (max-width:1280px), (max-height:760px){
  .topIconHistory{
    width:18px !important;
    height:18px !important;
  }
}

/* ===== V92 - NOVO RELÓGIO 2 ENVIADO PELO USUÁRIO ===== */
.topIconHistory{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  display:block !important;
}
@media (max-width:1280px), (max-height:760px){
  .topIconHistory{
    width:31px !important;
    height:31px !important;
  }
}

/* ===== V96 - CENTRALIZA O RELÓGIO DENTRO DO CÍRCULO ===== */
.circle{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.topIconHistory{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  transform:none !important;
  position:relative !important;
  left:0 !important;
  top:0 !important;
}

@media (max-width:1280px), (max-height:760px){
  .topIconHistory{
    width:31px !important;
    height:31px !important;
    margin:0 auto !important;
  }
}

/* ===== V97 - WHATSAPP DO MESMO TAMANHO DO RELÓGIO ===== */
.topIconHelp{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  transform:none !important;
  position:relative !important;
  left:0 !important;
  top:0 !important;
}

@media (max-width:1280px), (max-height:760px){
  .topIconHelp{
    width:31px !important;
    height:31px !important;
    margin:0 auto !important;
  }
}

/* ===== V100 - ARRUMA MEMBRO + LUPA + FUNIL + WIFI ===== */
/* Mantidos do usuário: WhatsApp e relógio. */

.topMemberPill{
  min-width: 320px !important;
  width: 320px !important;
  max-width: 320px !important;
  padding: 0 18px !important;
  gap: 10px !important;
}

.topMemberPillIcon{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  overflow:hidden !important;
  border-radius:0 !important;
}
.topPillImg{
  width:22px !important;
  height:22px !important;
  object-fit:contain !important;
  display:block !important;
}
.topMemberPillText{
  font-size: 20px !important;
  line-height: 1 !important;
}

.circle{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.topIconSearch,
.topIconFilter,
.topWifiImg{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  position:relative !important;
  left:0 !important;
  top:0 !important;
  transform:none !important;
}

.topIconSearch{
  width:36px !important;
  height:36px !important;
}

.topIconFilter{
  width:34px !important;
  height:34px !important;
}

.topWifiImg{
  width:36px !important;
  height:36px !important;
}

@media (max-width:1280px), (max-height:760px){
  .topMemberPill{
    min-width: 265px !important;
    width: 265px !important;
    max-width: 265px !important;
    gap:8px !important;
  }
  .topMemberPillIcon,
  .topPillImg{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
  }
  .topMemberPillText{
    font-size:17px !important;
  }

  .topIconSearch,
  .topIconFilter,
  .topWifiImg{
    width:31px !important;
    height:31px !important;
  }

  .topIconSearch{
    width:29px !important;
    height:29px !important;
  }

  .topIconFilter{
    width:27px !important;
    height:27px !important;
  }

  .topWifiImg{
    width:29px !important;
    height:29px !important;
  }
}

/* ===== V101 - DIAMANTE SEM FUNDO ===== */
.topMemberPillIcon{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  background:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.topPillImg{
  width:24px !important;
  height:24px !important;
  object-fit:contain !important;
  display:block !important;
  background:transparent !important;
}
@media (max-width:1280px), (max-height:760px){
  .topMemberPillIcon,
  .topPillImg{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
  }
}

/* ===== V102 - MEMBRO E LUPA CORRIGIDOS ===== */

/* afasta a pill da lupa e reduz um pouco a largura */
.topMemberPill{
  left: calc(50% - 58px) !important;
  min-width: 270px !important;
  width: 270px !important;
  max-width: 270px !important;
  height: 44px !important;
  padding: 0 16px !important;
  gap: 10px !important;
}

/* diamante no tamanho visual do WhatsApp */
.topMemberPillIcon{
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
.topPillImg{
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
  display: block !important;
  background: transparent !important;
}

/* texto do botão */
.topMemberPillText{
  font-size: 18px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* nova lupa, limpa, no mesmo tamanho do WhatsApp */
.topIconSearch{
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  transform: none !important;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
}

@media (max-width:1280px), (max-height:760px){
  .topMemberPill{
    left: calc(50% - 46px) !important;
    min-width: 232px !important;
    width: 232px !important;
    max-width: 232px !important;
    height: 38px !important;
    padding: 0 14px !important;
    gap: 8px !important;
  }

  .topMemberPillIcon{
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
  }
  .topPillImg{
    width: 26px !important;
    height: 26px !important;
  }
  .topMemberPillText{
    font-size: 16px !important;
  }

  .topIconSearch{
    width: 31px !important;
    height: 31px !important;
  }
}

/* ===== V99 - GERADOS POR MIM: SEARCH/FILTER/USER/BELL/WIFI/PREMIUM ===== */
/* Mantidos do usuário: WhatsApp e relógio. */

.topIconSearch,
.topIconFilter,
.topIconUser,
.topIconBell{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  transform:none !important;
  position:relative !important;
  left:0 !important;
  top:0 !important;
}

.topWifiImg{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  transform:none !important;
  position:relative !important;
  left:0 !important;
  top:0 !important;
}

.topMemberPillIcon{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  overflow:hidden !important;
}
.topPillImg{
  width:18px !important;
  height:18px !important;
  object-fit:contain !important;
  display:block !important;
}

@media (max-width:1280px), (max-height:760px){
  .topIconSearch,
  .topIconFilter,
  .topIconUser,
  .topIconBell{
    width:31px !important;
    height:31px !important;
  }

  .topWifiImg{
    width:31px !important;
    height:31px !important;
  }

  .topMemberPillIcon,
  .topPillImg{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
  }
}

/* ===== V105 - segurança visual dos ícones sem mexer no carregamento VOD/Séries ===== */
.topbar img.topCustomIcon,
.topbar img.topWifiImg,
.topbar img.topPillImg{
  display:block !important;
}

.topbar .circle{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Importante: não altera funções de Filmes/Séries. Só visibilidade padrão das telas. */
.vodView.open{
  display:block !important;
}


/* ===== V107 - BUSCA VOD RESTAURADA ===== */
.searchVodModal{
  position:absolute !important;
  inset:0 !important;
  z-index:80 !important;
  display:none;
  align-items:stretch !important;
  justify-content:stretch !important;
  background:
    radial-gradient(circle at 68% 20%, rgba(255,120,20,.14), transparent 25%),
    linear-gradient(120deg, rgba(63,0,0,.98), rgba(106,0,0,.98) 48%, rgba(56,0,0,.98));
}
.searchVodModal.open{display:flex !important;}
.searchVodShell{
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:32% 68%;
  overflow:hidden;
  position:relative;
}
.searchVodShell:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    radial-gradient(circle at 18% 86%, rgba(255,255,255,.18), transparent 22%),
    linear-gradient(140deg, transparent 0 42%, rgba(255,185,70,.18) 43%, transparent 44% 100%);
}
.searchVodSide{
  position:relative;
  z-index:2;
  padding:58px 54px 48px 54px;
  background:rgba(26,0,0,.34);
  border-right:1px solid rgba(255,255,255,.06);
}
.searchVodInput{
  width:100%;
  height:62px;
  border:0;
  border-radius:5px;
  background:rgba(255,255,255,.17);
  color:#fff;
  padding:0 24px;
  font-size:24px;
  outline:none;
  font-weight:700;
}
.searchVodInput::placeholder{color:rgba(255,255,255,.74);}
.searchVodControls{
  margin-top:52px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1.35fr;
  gap:18px;
  align-items:center;
}
.searchKey{
  height:56px;
  min-width:0;
  border:0;
  border-radius:4px;
  background:transparent;
  color:rgba(255,255,255,.78);
  font-size:32px;
  font-weight:900;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  text-shadow:0 3px 8px rgba(0,0,0,.45);
}
.searchIconBtn{
  background:rgba(255,255,255,.18);
  font-size:28px;
}
.searchGoBtn{
  background:rgba(255,255,255,.18);
  font-size:24px;
  color:#fff;
}
.searchKeyboard{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(7, 1fr);
  column-gap:22px;
  row-gap:24px;
}
.searchKeyboard .searchKey{
  height:48px;
  font-size:34px;
}
.searchSpaceKey{
  grid-column:span 2;
  justify-content:flex-end;
  padding-right:6px;
  font-size:48px !important;
  transform:translateY(-6px);
}
.searchFeedback{
  position:absolute;
  left:54px;
  right:54px;
  bottom:54px;
  height:62px;
  background:rgba(255,255,255,.18);
  border-radius:5px;
  font-size:28px;
  font-weight:500;
  color:rgba(255,255,255,.72);
}
.searchVodMain{
  position:relative;
  z-index:2;
  padding:68px 76px 44px 62px;
  overflow:hidden;
}
.searchVodTop{
  height:62px;
  display:grid;
  grid-template-columns:auto 148px 1fr;
  align-items:center;
  column-gap:20px;
}
.searchVodTop h2{
  margin:0;
  font-size:34px;
  line-height:1;
  font-weight:900;
  color:#fff;
}
.searchRefresh{
  height:48px;
  border:0;
  border-radius:26px;
  padding:0 22px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:24px;
  font-weight:700;
}
.searchTotal{
  justify-self:end;
  color:#fff;
  font-size:26px;
  font-weight:700;
}
.searchTotal span{
  color:#ffb71b;
  padding-left:6px;
}
.searchVodResults{
  height:calc(100% - 76px);
  display:grid;
  grid-template-columns:repeat(5, minmax(118px, 1fr));
  grid-auto-rows:minmax(276px, 1fr);
  gap:34px 24px;
  overflow:hidden;
  padding-top:10px;
}
.searchVodCard{
  position:relative;
  min-width:0;
  min-height:0;
  background:transparent;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.searchVodPoster{
  position:relative;
  width:100%;
  height:calc(100% - 44px);
  min-height:210px;
  border:2px solid rgba(255,255,255,.06);
  background:#120000;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.searchVodPoster img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.searchVodRating{
  position:absolute;
  left:0;
  bottom:0;
  height:28px;
  min-width:46px;
  padding:0 8px;
  display:flex;
  align-items:center;
  color:#ff9900;
  font-size:18px;
  font-weight:900;
  background:rgba(0,0,0,.82);
}
.searchVodCC{
  position:absolute;
  right:0;
  bottom:0;
  height:28px;
  min-width:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d27400;
  font-size:16px;
  font-weight:900;
  background:#fff;
  border-radius:3px 0 0 0;
}
.searchVodSeason{
  position:absolute;
  left:52px;
  right:36px;
  bottom:0;
  height:28px;
  color:#fff;
  font-size:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.50);
}
.searchVodName{
  height:42px;
  line-height:42px;
  padding:0 2px;
  font-size:26px;
  color:#fff;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.searchVodLoading,
.searchVodEmpty{
  grid-column:1 / -1;
  height:230px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:30px;
  font-weight:800;
  background:rgba(0,0,0,.18);
  border-radius:14px;
}
.searchVodModal .focused,
.searchVodModal .focusable:focus,
.searchVodModal .searchVodCard:hover,
.searchVodModal .searchKey:hover,
.searchVodModal .searchRefresh:hover{
  outline:4px solid rgba(255,211,92,.98) !important;
  outline-offset:4px !important;
  box-shadow:0 0 28px rgba(255,190,60,.36) !important;
}
.searchVodModal .searchVodCard.focused .searchVodPoster{
  border-color:#ffd45c;
}
@media (max-width:1280px), (max-height:760px){
  .searchVodShell{grid-template-columns:34% 66%;}
  .searchVodSide{padding:38px 38px 34px;}
  .searchVodInput{height:48px;font-size:18px;padding:0 16px;}
  .searchVodControls{margin-top:34px;gap:12px;}
  .searchKey{height:42px;font-size:24px;}
  .searchGoBtn{font-size:18px;}
  .searchKeyboard{margin-top:24px;column-gap:14px;row-gap:16px;}
  .searchKeyboard .searchKey{height:36px;font-size:25px;}
  .searchFeedback{left:38px;right:38px;bottom:34px;height:48px;font-size:22px;}
  .searchVodMain{padding:42px 44px 30px 42px;}
  .searchVodTop{height:48px;grid-template-columns:auto 118px 1fr;column-gap:12px;}
  .searchVodTop h2{font-size:26px;}
  .searchRefresh{height:38px;font-size:19px;padding:0 16px;}
  .searchTotal{font-size:20px;}
  .searchVodResults{height:calc(100% - 56px);gap:22px 16px;grid-auto-rows:minmax(210px, 1fr);}
  .searchVodPoster{min-height:160px;height:calc(100% - 34px);}
  .searchVodName{height:34px;line-height:34px;font-size:20px;}
  .searchVodRating{height:24px;font-size:14px;}
  .searchVodCC{height:24px;min-width:26px;font-size:13px;}
  .searchVodSeason{height:24px;font-size:13px;left:42px;right:30px;}
}




/* ===== V107 - AJUSTES FINAIS BUSCA VOD ===== */
.searchVodModal.open{ display:flex !important; }
.searchVodCard.focused,
.searchKey.focused,
.searchRefresh.focused,
.searchFeedback.focused,
.searchVodInput.focused{
  outline: 3px solid rgba(255,220,120,.95) !important;
  outline-offset: 2px !important;
}


/* ===== V109 - BUSCA CORRIGIDA + TEXTO MENOR ===== */
.searchVodInput{
  font-size:20px !important;
  font-weight:700 !important;
}
.searchVodInput::placeholder{
  font-size:16px !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.68) !important;
}
.searchVodInput:focus{
  outline:3px solid rgba(255,211,92,.98) !important;
  outline-offset:2px !important;
  box-shadow:0 0 22px rgba(255,190,60,.28) !important;
}
.searchVodCard.focused,
.searchKey.focused,
.searchRefresh.focused{
  outline:3px solid rgba(255,211,92,.98) !important;
  outline-offset:3px !important;
}
@media (max-width:1280px), (max-height:760px){
  .searchVodInput{font-size:18px !important;}
  .searchVodInput::placeholder{font-size:14px !important;}
}


/* ===== V110/V111 - Filtro superior estilo UniTV: categorias XUI + grade de VOD com scroll infinito ===== */
.tv-shell.filter-mode .topbar,
.tv-shell.filter-mode .mainTabs{
  display:none!important;
}
.tv-shell.filter-mode .vodView.filterHome{
  display:block!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  z-index:30!important;
  overflow:hidden!important;
  padding:0!important;
  background:
    radial-gradient(circle at 84% 9%, rgba(255,110,45,.20), transparent 22%),
    radial-gradient(circle at 15% 80%, rgba(255,120,35,.13), transparent 28%),
    linear-gradient(120deg,#5c0000 0%,#720000 42%,#320000 100%)!important;
}
.tv-shell.filter-mode .vodHeader{
  display:none!important;
}
.tv-shell.filter-mode .vodGrid{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  height:100%!important;
  width:100%!important;
  overflow:hidden!important;
  padding:0!important;
}
.filterPage{
  position:absolute;
  inset:0;
  overflow:hidden;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
}
.filterPage:before,
.filterPage:after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.32;
  border:7px solid rgba(255,147,58,.27);
  transform:rotate(34deg) skewX(-10deg);
  filter:drop-shadow(0 0 18px rgba(255,88,20,.15));
}
.filterPage:before{width:126px;height:126px;right:150px;top:12px;border-left-color:transparent;border-bottom-color:transparent;}
.filterPage:after{width:112px;height:112px;left:74px;top:275px;border-right-color:transparent;border-top-color:transparent;}
.filterRows{
  position:relative;
  z-index:2;
  height:430px;
  padding:30px 42px 0 74px;
  border-bottom:1px solid rgba(255,255,255,.13);
  background:rgba(70,0,0,.35);
  transition:transform .22s ease, opacity .18s ease, visibility .18s ease;
}
.filterRow{
  height:62px;
  display:grid;
  grid-template-columns:124px 1fr;
  align-items:center;
  gap:18px;
}
.filterRow strong{
  font-size:25px;
  font-weight:900;
  text-align:right;
  color:#fff;
  text-shadow:0 3px 10px rgba(0,0,0,.40);
}
.filterButtons{
  display:flex;
  align-items:center;
  gap:26px;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
}
.filterChip{
  flex:0 0 auto;
  min-width:84px;
  height:42px;
  padding:0 18px;
  border-radius:24px;
  background:transparent;
  color:rgba(255,255,255,.70);
  border:2px solid transparent;
  font-size:22px;
  line-height:38px;
  font-weight:700;
  text-align:center;
  outline:0!important;
  box-shadow:none;
}
.filterChip.active{
  color:#fff;
  background:#d51925;
  border-color:#d51925;
  box-shadow:0 0 24px rgba(213,25,37,.35);
}
.filterChip.focused,
.filterChip:hover,
.filterChip:focus-visible{
  color:#fff!important;
  border-color:#ffd56e!important;
  background:rgba(255,255,255,.13);
  box-shadow:0 0 0 2px rgba(96,0,0,.78),0 0 22px rgba(255,208,96,.36)!important;
}
.filterChip.active.focused,
.filterChip.active:hover,
.filterChip.active:focus-visible{
  background:#d51925!important;
  border-color:#ffd56e!important;
  box-shadow:0 0 0 2px rgba(96,0,0,.78),0 0 26px rgba(255,208,96,.52)!important;
}
.filterDivider{display:none;}
.filterGridHead{
  height:50px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:0 58px;
  color:rgba(255,255,255,.76);
  font-size:18px;
  transition:transform .22s ease, opacity .18s ease, visibility .18s ease;
}
.filterGridHead b{
  font-size:23px;
  color:#fff;
  letter-spacing:.4px;
}
.filterGridHead small{
  margin-left:auto;
  font-size:17px;
  color:#ffd28a;
}
.filterPosterGrid{
  position:absolute;
  left:58px;
  right:48px;
  top:486px;
  bottom:20px;
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:27px 32px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding-right:12px;
  padding-bottom:34px;
  scroll-behavior:smooth;
  overscroll-behavior:contain;
  transition:top .22s ease;
}

.tv-shell.filter-mode.filter-scroll-covers .filterRows,
.tv-shell.filter-mode.filter-scroll-covers .filterGridHead{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-22px);
}
.tv-shell.filter-mode.filter-scroll-covers .filterPosterGrid{
  top:22px;
}
.filterPosterGrid::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
.filterPosterGrid::-webkit-scrollbar-track{display:none!important;background:transparent!important;}
.filterPosterGrid::-webkit-scrollbar-thumb{display:none!important;background:transparent!important;}
.filterLoadMore{
  grid-column:1/-1;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.72);
  font-size:20px;
  font-weight:800;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  margin:4px 0 22px;
}
.filterLoadMore.done{
  color:#ffd28a;
  background:rgba(120,0,0,.18);
}
.filterPosterCard{
  min-width:0;
  height:368px;
  background:transparent;
  border:0;
  outline:0!important;
  color:#fff;
  overflow:visible;
  position:relative;
}
.filterPosterImgWrap{
  position:relative;
  width:100%;
  height:300px;
  background:#120000;
  overflow:hidden;
  box-shadow:0 12px 24px rgba(0,0,0,.32);
}
.filterPosterImgWrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.filterPosterImgWrap b{
  position:absolute;
  left:8px;
  bottom:5px;
  color:#ff9f16;
  font-size:20px;
  line-height:1;
  font-weight:900;
  text-shadow:0 2px 7px rgba(0,0,0,.95);
}
.filterPosterImgWrap em{
  position:absolute;
  right:5px;
  bottom:5px;
  height:22px;
  min-width:26px;
  padding:0 4px;
  border-radius:3px;
  background:#fff4d7;
  color:#dd8a00;
  font-size:15px;
  line-height:22px;
  text-align:center;
  font-weight:900;
  font-style:normal;
}
.filterPosterCard span{
  display:block;
  height:48px;
  line-height:24px;
  padding:11px 4px 0;
  color:rgba(255,255,255,.83);
  font-size:25px;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.filterPosterCard.focused .filterPosterImgWrap,
.filterPosterCard:hover .filterPosterImgWrap,
.filterPosterCard:focus-visible .filterPosterImgWrap{
  outline:4px solid #ffd56e!important;
  outline-offset:4px;
  box-shadow:0 0 0 2px rgba(86,0,0,.85),0 0 28px rgba(255,205,95,.52),0 18px 32px rgba(0,0,0,.44)!important;
}
.filterPosterCard.focused span,
.filterPosterCard:hover span,
.filterPosterCard:focus-visible span{
  color:#fff;
}
.filterEmpty{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  height:180px;
  color:rgba(255,255,255,.82);
  font-size:28px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(0,0,0,.20);
}

@media (max-width:1280px), (max-height:820px){
  .filterRows{height:332px;padding:20px 32px 0 46px;}
  .filterRow{height:49px;grid-template-columns:104px 1fr;gap:14px;}
  .filterRow strong{font-size:20px;}
  .filterButtons{gap:18px;}
  .filterChip{height:34px;min-width:70px;padding:0 14px;border-radius:18px;font-size:18px;line-height:30px;}
  .filterGridHead{height:42px;padding:0 38px;font-size:15px;}
  .filterGridHead b{font-size:20px;}
  .filterPosterGrid{left:42px;right:34px;top:374px;bottom:16px;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 22px;}
  .tv-shell.filter-mode.filter-scroll-covers .filterPosterGrid{top:16px;}
  .filterPosterCard{height:270px;}
  .filterPosterImgWrap{height:218px;}
  .filterPosterCard span{height:38px;line-height:19px;font-size:19px;padding-top:8px;}
  .filterPosterImgWrap b{font-size:16px;}
  .filterPosterImgWrap em{height:18px;line-height:18px;font-size:12px;}
}

@media (max-width:1050px){
  .filterPosterGrid{grid-template-columns:repeat(5,minmax(0,1fr));}
  .filterButtons{gap:14px;}
  .filterChip{font-size:16px;min-width:64px;padding:0 12px;}
}


/* ===== V114 - remove barra de rolagem visual do filtro sem bloquear scroll ===== */
.filterPosterGrid{scrollbar-width:none!important;-ms-overflow-style:none!important;}
.filterPosterGrid::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
.filterPosterGrid::-webkit-scrollbar-track,.filterPosterGrid::-webkit-scrollbar-thumb{display:none!important;background:transparent!important;}

/* ===== V115 - Navegação dos ícones superiores pelo controle remoto ===== */
.topbar .topMemberPill.focused,
.topbar .topMemberPill:focus-visible,
.topbar .topMemberPill:hover{
  outline:4px solid #ffd56e !important;
  outline-offset:4px !important;
  box-shadow:0 0 0 2px rgba(80,0,0,.85),0 0 28px rgba(255,205,95,.52) !important;
}
.topbar .circle.focused,
.topbar .circle:focus-visible,
.topbar .circle:hover{
  outline:4px solid #ffd56e !important;
  outline-offset:4px !important;
  border-color:#ffd56e !important;
  background:rgba(255,255,255,.28) !important;
  box-shadow:0 0 0 2px rgba(80,0,0,.85),0 0 28px rgba(255,205,95,.52) !important;
}


/* ===== V119 - Diamante do Seja um membro maior ===== */
.topMemberPill{
  height:52px !important;
  width:330px !important;
  max-width:330px !important;
  gap:14px !important;
  border-radius:30px !important;
}
.topMemberPillIcon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  background:transparent !important;
  box-shadow:none !important;
}
.topMemberPillIcon .topPillImg,
.topPillImg{
  width:28px !important;
  height:28px !important;
  object-fit:contain !important;
}
.topMemberPillText{
  font-size:24px !important;
}
@media (max-width:1280px), (max-height:820px){
  .topMemberPill{
    height:46px !important;
    width:300px !important;
    max-width:300px !important;
    gap:12px !important;
  }
  .topMemberPillIcon{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .topMemberPillIcon .topPillImg,
  .topPillImg{
    width:25px !important;
    height:25px !important;
  }
  .topMemberPillText{
    font-size:21px !important;
  }
}


/* ===== V121 - joga o Seja um membro mais para a esquerda ===== */
.topMemberPill{
  left: calc(50% - 96px) !important;
}
@media (max-width:1280px), (max-height:760px){
  .topMemberPill{
    left: calc(50% - 76px) !important;
  }
}


/* ===== V122 - melhora visual da lupa e do filtro ===== */
.topbar .circle[data-action="search"],
.topbar .circle[data-action="filter"]{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  border-radius:16px !important;
  padding:0 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.08) 100%) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 10px 22px rgba(0,0,0,.22) !important;
}
.topbar .circle[data-action="filter"]{
  background:linear-gradient(180deg, rgba(255,185,60,.20) 0%, rgba(255,120,0,.10) 100%) !important;
  border-color:rgba(255,190,80,.32) !important;
}
.topbar .circle[data-action="search"] .topIconSearch{
  width:27px !important;
  height:27px !important;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) !important;
}
.topbar .circle[data-action="filter"] .topIconFilter{
  width:25px !important;
  height:25px !important;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) !important;
}
.topbar .circle[data-action="search"].focused,
.topbar .circle[data-action="search"]:focus-visible,
.topbar .circle[data-action="search"]:hover,
.topbar .circle[data-action="filter"].focused,
.topbar .circle[data-action="filter"]:focus-visible,
.topbar .circle[data-action="filter"]:hover{
  border-color:#ffd56e !important;
  box-shadow:0 0 0 2px rgba(90,0,0,.88), 0 0 24px rgba(255,208,96,.42), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
@media (max-width:1280px), (max-height:760px){
  .topbar .circle[data-action="search"],
  .topbar .circle[data-action="filter"]{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:13px !important;
  }
  .topbar .circle[data-action="search"] .topIconSearch{
    width:23px !important;
    height:23px !important;
  }
  .topbar .circle[data-action="filter"] .topIconFilter{
    width:21px !important;
    height:21px !important;
  }
}


/* ===== V123 - lupa e filtro mais parecidos com o print ===== */
.topbar .circle[data-action="search"],
.topbar .circle[data-action="filter"]{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:50% !important;
  padding:0 !important;
  background:rgba(255,255,255,.07) !important;
  border:2px solid rgba(255,255,255,.34) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 2px 10px rgba(0,0,0,.12) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.topbar .circle[data-action="search"] .topIconSearch,
.topbar .circle[data-action="filter"] .topIconFilter{
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
  position:relative !important;
  left:0 !important;
  top:0 !important;
  transform:none !important;
  filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.16)) !important;
}
.topbar .circle[data-action="search"] .topIconSearch{
  width:24px !important;
  height:24px !important;
}
.topbar .circle[data-action="filter"] .topIconFilter{
  width:24px !important;
  height:24px !important;
}
.topbar .circle[data-action="search"].focused,
.topbar .circle[data-action="search"]:focus-visible,
.topbar .circle[data-action="search"]:hover,
.topbar .circle[data-action="filter"].focused,
.topbar .circle[data-action="filter"]:focus-visible,
.topbar .circle[data-action="filter"]:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,214,110,.95) !important;
  box-shadow:0 0 0 2px rgba(90,0,0,.85), 0 0 22px rgba(255,208,96,.35), inset 0 1px 0 rgba(255,255,255,.14) !important;
}
@media (max-width:1280px), (max-height:760px){
  .topbar .circle[data-action="search"],
  .topbar .circle[data-action="filter"]{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    border-width:2px !important;
  }
  .topbar .circle[data-action="search"] .topIconSearch,
  .topbar .circle[data-action="filter"] .topIconFilter{
    width:20px !important;
    height:20px !important;
  }
}

/* ===== V124 - Histórico no botão clock: VOD, Séries e TV ===== */
.tv-shell .vodView.historyHome{
  display:block!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  z-index:28!important;
  overflow:hidden!important;
  padding:0!important;
  background:
    radial-gradient(circle at 84% 8%, rgba(255,120,40,.18), transparent 22%),
    radial-gradient(circle at 18% 78%, rgba(255,120,35,.11), transparent 28%),
    linear-gradient(120deg,#570000 0%,#710000 44%,#2d0000 100%)!important;
}
.tv-shell .vodView.historyHome .vodHeader{display:none!important;}
.tv-shell .vodView.historyHome .vodGrid{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
}
.historyPage{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:348px 1fr;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  overflow:hidden;
}
.historyPage:before,
.historyPage:after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.24;
  border:7px solid rgba(255,147,58,.23);
  transform:rotate(34deg) skewX(-10deg);
  filter:drop-shadow(0 0 18px rgba(255,88,20,.12));
}
.historyPage:before{width:126px;height:126px;right:88px;top:24px;border-left-color:transparent;border-bottom-color:transparent;}
.historyPage:after{width:118px;height:118px;left:74px;top:290px;border-right-color:transparent;border-top-color:transparent;}
.historySide{
  position:relative;
  z-index:2;
  padding-top:160px;
  background:rgba(52,0,0,.42);
  border-right:1px solid rgba(255,255,255,.12);
  overflow:hidden;
}
.historyMenuButton{
  width:100%;
  height:66px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:0 54px;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.78);
  font-size:30px;
  font-weight:700;
  text-align:left;
  outline:0!important;
  border-radius:0;
}
.historyMenuButton.active{
  color:#fff;
  background:#ca0006;
}
.historyMenuButton.danger{margin-top:18px;color:#ffb9b9;font-size:25px;}
.historyMenuButton.focused,
.historyMenuButton:hover,
.historyMenuButton:focus-visible{
  color:#fff!important;
  background:rgba(255,255,255,.12);
  box-shadow:inset 5px 0 0 #ffd56e!important;
}
.historyMenuButton.active.focused,
.historyMenuButton.active:hover,
.historyMenuButton.active:focus-visible{
  background:#ca0006!important;
  box-shadow:inset 5px 0 0 #ffd56e!important;
}
.historyContent{
  position:relative;
  z-index:2;
  padding:70px 76px 34px 64px;
  overflow:hidden;
}
.historyTop{
  height:78px;
  display:grid;
  grid-template-columns:1fr auto 190px;
  align-items:center;
  gap:22px;
}
.historyTop h2{
  margin:0;
  font-size:26px;
  font-weight:800;
  color:#fff;
}
.historyTop strong{
  justify-self:end;
  font-size:20px;
  color:rgba(255,255,255,.92);
  font-weight:800;
}
.historyTop strong b{color:#ffb21e;}
.historyTools{display:flex;align-items:center;gap:18px;justify-content:center;}
.historyTools span{font-size:24px;color:#fff;opacity:.9;}
.historyTool{
  width:106px;
  height:48px;
  border:0;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.33),rgba(255,255,255,.14));
  color:#fff;
  font-size:26px;
  display:grid;
  place-items:center;
  outline:0!important;
}
.historyTool.focused,.historyTool:hover,.historyTool:focus-visible{
  outline:3px solid #ffd56e!important;
  outline-offset:3px;
}
.historyGrid{
  height:calc(100vh - 160px);
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:50px 38px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:34px 6px 60px 2px;
  scrollbar-width:none;
}
.historyGrid::-webkit-scrollbar{width:0;height:0;display:none;}
.historyCard{
  min-width:0;
  height:318px;
  background:transparent;
  border:0;
  color:#fff;
  outline:0!important;
  overflow:visible;
}
.historyPosterWrap{
  position:relative;
  width:100%;
  height:252px;
  overflow:hidden;
  background:#140000;
  box-shadow:0 12px 26px rgba(0,0,0,.34);
}
.historyPosterWrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.historyPosterWrap b{
  position:absolute;
  left:8px;
  top:8px;
  padding:3px 7px;
  border-radius:6px;
  background:rgba(0,0,0,.60);
  color:#ffb21e;
  font-size:14px;
  font-weight:900;
}
.historyPosterWrap em{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:31px;
  line-height:31px;
  padding:0 8px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));
  color:#fff;
  font-size:17px;
  font-style:normal;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.historyCard span{
  display:block;
  height:58px;
  line-height:28px;
  padding-top:10px;
  color:#fff;
  font-size:28px;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.historyCard.focused .historyPosterWrap,
.historyCard:hover .historyPosterWrap,
.historyCard:focus-visible .historyPosterWrap{
  outline:4px solid #ffd56e!important;
  outline-offset:5px;
  box-shadow:0 0 0 2px rgba(80,0,0,.85),0 0 28px rgba(255,205,95,.52),0 18px 32px rgba(0,0,0,.44)!important;
}
.historyEmpty{
  grid-column:1/-1;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
  color:rgba(255,255,255,.88);
  font-size:30px;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
}
.historyEmpty small{font-size:20px;color:rgba(255,255,255,.66);margin-top:10px;}

@media (max-width:1280px), (max-height:820px){
  .historyPage{grid-template-columns:260px 1fr;}
  .historySide{padding-top:118px;}
  .historyMenuButton{height:54px;padding:0 38px;font-size:24px;}
  .historyContent{padding:48px 48px 24px 46px;}
  .historyTop{height:58px;grid-template-columns:1fr auto 140px;gap:14px;}
  .historyTop h2{font-size:22px;}
  .historyTop strong{font-size:17px;}
  .historyTool{width:84px;height:40px;font-size:22px;}
  .historyGrid{height:calc(100vh - 112px);grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 26px;padding-top:26px;}
  .historyCard{height:244px;}
  .historyPosterWrap{height:194px;}
  .historyPosterWrap em{height:27px;line-height:27px;font-size:14px;}
  .historyCard span{height:42px;line-height:21px;font-size:21px;padding-top:7px;}
}


/* ===== V126 - foco das capas mais nítido e seguro ===== */
.vodGrid .vodCard.focused:not(.filterChip):not(.historyMenuButton):not(.historyTool):not(.kidsMenuButton):not(.animeMenuButton):not(.exploreMenuButton),
.vodGrid .vodCard:focus-visible:not(.filterChip):not(.historyMenuButton):not(.historyTool):not(.kidsMenuButton):not(.animeMenuButton):not(.exploreMenuButton){
  outline:5px solid #ffd56e !important;
  outline-offset:6px !important;
  box-shadow:0 0 0 3px rgba(95,0,0,.95), 0 0 34px rgba(255,210,95,.72), 0 18px 38px rgba(0,0,0,.55) !important;
  transform:scale(1.045) !important;
  z-index:20 !important;
}
.vodGrid .vodCard.focused:not(.filterChip):not(.historyMenuButton):not(.historyTool):not(.kidsMenuButton):not(.animeMenuButton):not(.exploreMenuButton)::after{
  content:"OK";
  position:absolute;
  right:8px;
  top:8px;
  min-width:34px;
  height:24px;
  line-height:24px;
  text-align:center;
  border-radius:13px;
  background:rgba(255,213,110,.96);
  color:#3b0000;
  font-size:13px;
  font-weight:900;
  box-shadow:0 2px 10px rgba(0,0,0,.35);
  pointer-events:none;
}
.filterPosterCard.focused .filterPosterImgWrap,
.historyCard.focused .historyPosterWrap{
  outline:5px solid #ffd56e !important;
  outline-offset:5px !important;
  box-shadow:0 0 0 3px rgba(95,0,0,.95), 0 0 34px rgba(255,210,95,.72), 0 18px 38px rgba(0,0,0,.55) !important;
}


/* ===== V127 - navegação das capas KIDS sem pular e com retorno aos menus ===== */
.kidsTile.focused{
  outline:6px solid #ffd56e !important;
  outline-offset:-7px !important;
  box-shadow:inset 0 0 0 3px rgba(95,0,0,.95), 0 0 34px rgba(255,210,95,.70) !important;
  z-index:25 !important;
}
.kidsTile.focused img{
  filter:brightness(1.12) contrast(1.08) !important;
}

/* ===== V128 - OK menor e mais baixo nas capas ===== */
.vodGrid .vodCard.focused:not(.filterChip):not(.historyMenuButton):not(.historyTool):not(.kidsMenuButton):not(.animeMenuButton):not(.exploreMenuButton)::after{
  right:10px !important;
  top:18px !important;
  min-width:25px !important;
  height:17px !important;
  line-height:17px !important;
  border-radius:9px !important;
  font-size:10px !important;
  padding:0 4px !important;
  opacity:.94 !important;
}
.movieCatTile.focused::after,
.kidsMore.focused::after,
.animeStackTop.focused::after{
  top:20px !important;
}


/* ===== V131 - navegação do topo e Destaques mais leve ===== */
.topbar .circle.focused,
.topbar .circle:focus-visible,
.topbar .circle:hover,
.topbar .topMemberPill.focused,
.topbar .topMemberPill:focus-visible,
.topbar .topMemberPill:hover{
  outline:3px solid #ffd56e !important;
  outline-offset:3px !important;
  box-shadow:0 0 0 2px rgba(90,0,0,.85),0 0 24px rgba(255,208,96,.45) !important;
}
.vodView.open .vodSubtitle:empty{display:none!important;}


/* ===== V138 - Histórico: navegação e menu lateral melhorado ===== */
.historySide{
  padding-top:150px !important;
  background:linear-gradient(180deg, rgba(55,0,0,.50), rgba(78,0,0,.34)) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
}
.historyMenuButton{
  height:58px !important;
  padding:0 42px !important;
  margin:4px 0 !important;
  border:0 !important;
  border-bottom:0 !important;
  text-decoration:none !important;
  background:transparent !important;
  color:rgba(255,255,255,.72) !important;
  font-size:23px !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  text-shadow:0 2px 8px rgba(0,0,0,.35) !important;
}
.historyMenuButton:before,
.historyMenuButton:after{
  display:none !important;
  content:none !important;
}
.historyMenuButton.active{
  color:#fff !important;
  background:linear-gradient(90deg,#c90008 0%,#9b0000 72%,rgba(155,0,0,.18) 100%) !important;
  box-shadow:inset 6px 0 0 #ffd56e, 0 8px 20px rgba(0,0,0,.20) !important;
}
.historyMenuButton.danger{
  margin-top:28px !important;
  color:#ffd0d0 !important;
  font-size:22px !important;
}
.historyMenuButton.focused,
.historyMenuButton:hover,
.historyMenuButton:focus-visible{
  color:#fff !important;
  background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.06)) !important;
  box-shadow:inset 6px 0 0 #ffd56e, 0 0 24px rgba(255,205,95,.22) !important;
}
.historyMenuButton.active.focused,
.historyMenuButton.active:hover,
.historyMenuButton.active:focus-visible{
  background:linear-gradient(90deg,#d40008 0%,#a60000 72%,rgba(166,0,0,.20) 100%) !important;
  box-shadow:inset 6px 0 0 #ffd56e, 0 0 26px rgba(255,205,95,.30) !important;
}
.historyCard.focused .historyPosterWrap,
.historyCard:focus-visible .historyPosterWrap{
  outline:5px solid #ffd56e !important;
  outline-offset:5px !important;
  box-shadow:0 0 0 3px rgba(120,0,0,.95),0 0 36px rgba(255,205,95,.60),0 18px 38px rgba(0,0,0,.45) !important;
}
@media (max-width:1280px), (max-height:820px){
  .historySide{padding-top:112px !important;}
  .historyMenuButton{height:48px !important;padding:0 32px !important;font-size:20px !important;}
  .historyMenuButton.danger{font-size:19px !important;margin-top:20px !important;}
}

/* ===== V139 - Histórico: menu lateral no estilo do print, fonte clara/fina e sem underline grosso ===== */
.vodView.historyHome .historySide{
  padding-top:124px !important;
  background:rgba(52,0,0,.32) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}
.vodView.historyHome .historyMenuButton{
  height:54px !important;
  padding:0 38px !important;
  margin:9px 0 !important;
  border:0 !important;
  border-bottom:0 !important;
  border-top:0 !important;
  outline:0 !important;
  text-decoration:none !important;
  background:transparent !important;
  color:rgba(255,255,255,.74) !important;
  font-size:25px !important;
  font-weight:400 !important;
  letter-spacing:.1px !important;
  line-height:54px !important;
  text-shadow:0 2px 7px rgba(0,0,0,.34) !important;
  box-shadow:none !important;
}
.vodView.historyHome .historyMenuButton:before,
.vodView.historyHome .historyMenuButton:after{
  display:none !important;
  content:none !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.vodView.historyHome .historyMenuButton.active{
  color:#fff !important;
  font-weight:500 !important;
  background:rgba(210,0,8,.82) !important;
  box-shadow:none !important;
}
.vodView.historyHome .historyMenuButton.danger{
  margin-top:28px !important;
  color:rgba(255,255,255,.74) !important;
  font-size:25px !important;
  font-weight:400 !important;
}
.vodView.historyHome .historyMenuButton.focused,
.vodView.historyHome .historyMenuButton:hover,
.vodView.historyHome .historyMenuButton:focus-visible{
  color:#fff !important;
  font-weight:500 !important;
  background:rgba(255,255,255,.10) !important;
  box-shadow:inset 3px 0 0 rgba(255,213,110,.95) !important;
}
.vodView.historyHome .historyMenuButton.active.focused,
.vodView.historyHome .historyMenuButton.active:hover,
.vodView.historyHome .historyMenuButton.active:focus-visible{
  background:rgba(210,0,8,.86) !important;
  box-shadow:inset 3px 0 0 rgba(255,213,110,.95) !important;
}
@media (max-width:1280px), (max-height:820px){
  .vodView.historyHome .historySide{padding-top:92px !important;}
  .vodView.historyHome .historyMenuButton{
    height:44px !important;
    line-height:44px !important;
    padding:0 28px !important;
    margin:7px 0 !important;
    font-size:20px !important;
  }
  .vodView.historyHome .historyMenuButton.danger{font-size:20px !important;margin-top:22px !important;}
}

/* ===== V140 - Histórico/clock: letras mais opacas e foco amarelo arredondado ===== */
.vodView.historyHome .historySide{
  background:rgba(46,0,0,.30) !important;
  border-right:1px solid rgba(255,255,255,.05) !important;
}
.vodView.historyHome .historyMenuButton{
  color:rgba(255,255,255,.54) !important;
  font-weight:300 !important;
  background:transparent !important;
  border:2px solid transparent !important;
  border-radius:30px !important;
  box-shadow:none !important;
  text-decoration:none !important;
  text-shadow:0 2px 7px rgba(0,0,0,.30) !important;
}
.vodView.historyHome .historyMenuButton:before,
.vodView.historyHome .historyMenuButton:after{
  display:none !important;
  content:none !important;
}
.vodView.historyHome .historyMenuButton.active,
.vodView.historyHome .historyMenuButton.focused,
.vodView.historyHome .historyMenuButton:hover,
.vodView.historyHome .historyMenuButton:focus-visible,
.vodView.historyHome .historyMenuButton.active.focused,
.vodView.historyHome .historyMenuButton.active:hover,
.vodView.historyHome .historyMenuButton.active:focus-visible{
  color:rgba(255,255,255,.86) !important;
  font-weight:400 !important;
  background:rgba(55,0,0,.10) !important;
  border-color:rgba(255,211,88,.82) !important;
  border-radius:30px !important;
  box-shadow:0 0 0 1px rgba(70,0,0,.55), 0 0 13px rgba(255,205,76,.18) !important;
  text-decoration:none !important;
}
.vodView.historyHome .historyMenuButton.danger{
  color:rgba(255,255,255,.54) !important;
  font-weight:300 !important;
}
.vodView.historyHome .historyMenuButton.danger.focused,
.vodView.historyHome .historyMenuButton.danger:hover,
.vodView.historyHome .historyMenuButton.danger:focus-visible{
  color:rgba(255,255,255,.86) !important;
  border-color:rgba(255,211,88,.82) !important;
}
@media (max-width:1280px), (max-height:820px){
  .vodView.historyHome .historyMenuButton{
    border-radius:25px !important;
  }
}


/* ===== V141 - Filmes/Séries: menu lateral com a mesma lógica do Histórico ===== */
.vodView.mediaBrowser .animeSidePanel,
.vodView.movieCategoryBrowser .animeSidePanel,
.vodView.seriesCategoryBrowser .animeSidePanel,
.vodView.mediaBrowser .mediaSidePanel{
  background:rgba(46,0,0,.30) !important;
  border-right:1px solid rgba(255,255,255,.05) !important;
  box-shadow:none !important;
}
.vodView.mediaBrowser .animeMenuButton.vodCard,
.vodView.mediaBrowser .mediaMenuButton.vodCard,
.vodView.movieCategoryBrowser .animeMenuButton.vodCard,
.vodView.seriesCategoryBrowser .animeMenuButton.vodCard{
  color:rgba(255,255,255,.54) !important;
  font-weight:300 !important;
  background:transparent !important;
  border:2px solid transparent !important;
  border-radius:30px !important;
  box-shadow:none !important;
  text-decoration:none !important;
  text-shadow:0 2px 7px rgba(0,0,0,.30) !important;
  padding:0 24px !important;
  min-height:50px !important;
  height:50px !important;
  line-height:50px !important;
}
.vodView.mediaBrowser .animeMenuButton.vodCard:before,
.vodView.mediaBrowser .animeMenuButton.vodCard:after,
.vodView.mediaBrowser .mediaMenuButton.vodCard:before,
.vodView.mediaBrowser .mediaMenuButton.vodCard:after,
.vodView.movieCategoryBrowser .animeMenuButton.vodCard:before,
.vodView.movieCategoryBrowser .animeMenuButton.vodCard:after,
.vodView.seriesCategoryBrowser .animeMenuButton.vodCard:before,
.vodView.seriesCategoryBrowser .animeMenuButton.vodCard:after{
  display:none !important;
  content:none !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.vodView.mediaBrowser .animeMenuButton.vodCard span,
.vodView.mediaBrowser .mediaMenuButton.vodCard span,
.vodView.movieCategoryBrowser .animeMenuButton.vodCard span,
.vodView.seriesCategoryBrowser .animeMenuButton.vodCard span{
  color:inherit !important;
  font-weight:inherit !important;
  text-decoration:none !important;
  max-width:210px !important;
}
.vodView.mediaBrowser .animeMenuButton.vodCard.active,
.vodView.mediaBrowser .animeMenuButton.vodCard.focused,
.vodView.mediaBrowser .animeMenuButton.vodCard:hover,
.vodView.mediaBrowser .animeMenuButton.vodCard:focus-visible,
.vodView.mediaBrowser .mediaMenuButton.vodCard.active,
.vodView.mediaBrowser .mediaMenuButton.vodCard.focused,
.vodView.mediaBrowser .mediaMenuButton.vodCard:hover,
.vodView.mediaBrowser .mediaMenuButton.vodCard:focus-visible,
.vodView.movieCategoryBrowser .animeMenuButton.vodCard.active,
.vodView.movieCategoryBrowser .animeMenuButton.vodCard.focused,
.vodView.movieCategoryBrowser .animeMenuButton.vodCard:hover,
.vodView.movieCategoryBrowser .animeMenuButton.vodCard:focus-visible,
.vodView.seriesCategoryBrowser .animeMenuButton.vodCard.active,
.vodView.seriesCategoryBrowser .animeMenuButton.vodCard.focused,
.vodView.seriesCategoryBrowser .animeMenuButton.vodCard:hover,
.vodView.seriesCategoryBrowser .animeMenuButton.vodCard:focus-visible{
  color:rgba(255,255,255,.86) !important;
  font-weight:400 !important;
  background:rgba(55,0,0,.10) !important;
  border-color:rgba(255,211,88,.82) !important;
  border-radius:30px !important;
  box-shadow:0 0 0 1px rgba(70,0,0,.55), 0 0 13px rgba(255,205,76,.18) !important;
  text-decoration:none !important;
  text-shadow:0 2px 8px rgba(0,0,0,.34) !important;
}
.vodView.mediaBrowser .animeMenuButton.vodCard.active:after,
.vodView.mediaBrowser .animeMenuButton.vodCard.focused:after,
.vodView.mediaBrowser .animeMenuButton.vodCard:hover:after,
.vodView.mediaBrowser .mediaMenuButton.vodCard.active:after,
.vodView.mediaBrowser .mediaMenuButton.vodCard.focused:after,
.vodView.mediaBrowser .mediaMenuButton.vodCard:hover:after,
.vodView.movieCategoryBrowser .animeMenuButton.vodCard.active:after,
.vodView.movieCategoryBrowser .animeMenuButton.vodCard.focused:after,
.vodView.movieCategoryBrowser .animeMenuButton.vodCard:hover:after,
.vodView.seriesCategoryBrowser .animeMenuButton.vodCard.active:after,
.vodView.seriesCategoryBrowser .animeMenuButton.vodCard.focused:after,
.vodView.seriesCategoryBrowser .animeMenuButton.vodCard:hover:after{
  display:none !important;
  content:none !important;
}
@media (max-width:1280px), (max-height:820px){
  .vodView.mediaBrowser .animeMenuButton.vodCard,
  .vodView.mediaBrowser .mediaMenuButton.vodCard,
  .vodView.movieCategoryBrowser .animeMenuButton.vodCard,
  .vodView.seriesCategoryBrowser .animeMenuButton.vodCard{
    min-height:42px !important;
    height:42px !important;
    line-height:42px !important;
    border-radius:25px !important;
    padding:0 18px !important;
    font-size:20px !important;
  }
}


/* ===== V145 - Explorar: menu lateral com a mesma lógica de Filmes/Séries ===== */
.vodView.exploreBrowser .exploreMenuList{
  background:rgba(46,0,0,.30) !important;
  border-right:1px solid rgba(255,255,255,.05) !important;
  border:0 !important;
  box-shadow:none !important;
  gap:18px !important;
  padding-top:12px !important;
}

.vodView.exploreBrowser .exploreMenuButton.vodCard{
  color:rgba(255,255,255,.54) !important;
  font-weight:300 !important;
  background:transparent !important;
  border:2px solid transparent !important;
  border-radius:30px !important;
  box-shadow:none !important;
  text-decoration:none !important;
  text-shadow:0 2px 7px rgba(0,0,0,.30) !important;
  padding:0 24px !important;
  min-height:50px !important;
  height:50px !important;
  line-height:50px !important;
  font-family:Arial,Helvetica,sans-serif !important;
}

.vodView.exploreBrowser .exploreMenuButton.vodCard:before,
.vodView.exploreBrowser .exploreMenuButton.vodCard:after{
  display:none !important;
  content:none !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.vodView.exploreBrowser .exploreMenuButton.vodCard span{
  color:inherit !important;
  font-weight:inherit !important;
  text-decoration:none !important;
  max-width:210px !important;
}

.vodView.exploreBrowser .exploreMenuButton.vodCard.active,
.vodView.exploreBrowser .exploreMenuButton.vodCard.focused,
.vodView.exploreBrowser .exploreMenuButton.vodCard:hover,
.vodView.exploreBrowser .exploreMenuButton.vodCard:focus-visible{
  color:rgba(255,255,255,.86) !important;
  font-weight:400 !important;
  background:rgba(55,0,0,.10) !important;
  border-color:rgba(255,211,88,.82) !important;
  border-radius:30px !important;
  box-shadow:0 0 0 1px rgba(70,0,0,.55), 0 0 13px rgba(255,205,76,.18) !important;
  text-decoration:none !important;
  text-shadow:0 2px 8px rgba(0,0,0,.34) !important;
}

.vodView.exploreBrowser .exploreMenuButton.vodCard.active:after,
.vodView.exploreBrowser .exploreMenuButton.vodCard.focused:after,
.vodView.exploreBrowser .exploreMenuButton.vodCard:hover:after{
  display:none !important;
  content:none !important;
}

@media (max-width:1280px), (max-height:820px){
  .vodView.exploreBrowser .exploreMenuButton.vodCard{
    min-height:42px !important;
    height:42px !important;
    line-height:42px !important;
    border-radius:25px !important;
    padding:0 18px !important;
    font-size:20px !important;
  }
}


/* ===== v149: botão de stats P2P com seta estilo UniTV e navegação TV Box ===== */
#__p2p_status_ui,
#p2p_status_ui,
#p2p-status-ui,
.p2p-status-ui,
.p2pStatusUI,
.p2pml-stats,
.p2p-debug-stats{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
  visibility:hidden!important;
}
.p2pStatsToggle{
  width:72px!important;
  height:68px!important;
  right:84px!important;
  bottom:12px!important;
  border-radius:18px!important;
  background:rgba(0,0,0,.35)!important;
  border:2px solid rgba(255,255,255,.20)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.45)!important;
  padding:0!important;
  overflow:visible!important;
  z-index:8!important;
}
.p2pStatsToggle .p2pArrowSvg{
  width:58px!important;
  height:58px!important;
  display:block!important;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.42));
}
.p2pStatsToggle .arrowUpMain{fill:#09da8a}
.p2pStatsToggle .arrowUpShade{fill:#009a5c}
.p2pStatsToggle .arrowDownMain{fill:#ff4e08}
.p2pStatsToggle .arrowDownShade{fill:#ff7d4d}
.p2pStatsToggle.active,
.p2pStatsToggle.focused,
.p2pStatsToggle:focus{
  outline:4px solid var(--focus)!important;
  outline-offset:4px!important;
  background:rgba(40,18,0,.88)!important;
  border-color:rgba(255,210,70,.92)!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.55),0 0 22px rgba(255,204,0,.45)!important;
}
.p2pStatsToggle.active .p2pArrowSvg,
.p2pStatsToggle.focused .p2pArrowSvg,
.p2pStatsToggle:focus .p2pArrowSvg{
  transform:scale(1.06);
}
.fullscreenBtn.playerControl.focused,
.fullscreenBtn.playerControl:focus{
  outline:4px solid var(--focus)!important;
  outline-offset:4px!important;
  border-color:rgba(255,210,70,.92)!important;
  background:rgba(40,18,0,.88)!important;
}
.playerFrame.vipLocked .p2pStatsToggle{display:none!important}
@media (max-width:1280px), (max-height:760px){
  .p2pStatsToggle{width:64px!important;height:60px!important;right:78px!important;bottom:10px!important;border-radius:16px!important}
  .p2pStatsToggle .p2pArrowSvg{width:52px!important;height:52px!important}
}


/* ===== v150: P2P mais leve + setinha pequena + botões somem no fullscreen ===== */
.p2pStatsToggle{
  width:42px!important;
  height:42px!important;
  right:72px!important;
  bottom:14px!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.42)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 6px 14px rgba(0,0,0,.38)!important;
  padding:0!important;
  overflow:hidden!important;
  z-index:8!important;
}
.p2pStatsToggle .p2pArrowSvg{
  width:31px!important;
  height:31px!important;
  display:block!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));
}
.p2pStatsToggle.active,
.p2pStatsToggle.focused,
.p2pStatsToggle:focus{
  outline:3px solid var(--focus)!important;
  outline-offset:3px!important;
  background:rgba(40,18,0,.88)!important;
  border-color:rgba(255,210,70,.92)!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.55),0 0 14px rgba(255,204,0,.42)!important;
}
.p2pStatsToggle.active .p2pArrowSvg,
.p2pStatsToggle.focused .p2pArrowSvg,
.p2pStatsToggle:focus .p2pArrowSvg{
  transform:scale(1.03);
}
.fullscreenBtn{
  width:44px!important;
  height:44px!important;
  right:18px!important;
  bottom:13px!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.46)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  padding:0!important;
  z-index:8!important;
  box-shadow:0 6px 14px rgba(0,0,0,.38)!important;
}
.fullscreenSvg{
  width:24px!important;
  height:24px!important;
  fill:rgba(255,255,255,.92)!important;
  display:block!important;
}
.fullscreenBtn.playerControl.focused,
.fullscreenBtn.playerControl:focus{
  outline:3px solid var(--focus)!important;
  outline-offset:3px!important;
  border-color:rgba(255,210,70,.92)!important;
  background:rgba(40,18,0,.88)!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.55),0 0 14px rgba(255,204,0,.42)!important;
}
#playerFrame.fullscreenActive .p2pStatsToggle,
#playerFrame.fullscreenActive .fullscreenBtn,
#playerFrame.fullscreenActive .p2pStats,
#playerFrame:fullscreen .p2pStatsToggle,
#playerFrame:fullscreen .fullscreenBtn,
#playerFrame:fullscreen .p2pStats,
#playerFrame:-webkit-full-screen .p2pStatsToggle,
#playerFrame:-webkit-full-screen .fullscreenBtn,
#playerFrame:-webkit-full-screen .p2pStats{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media (max-width:1280px), (max-height:760px){
  .p2pStatsToggle{width:38px!important;height:38px!important;right:66px!important;bottom:12px!important;border-radius:11px!important}
  .p2pStatsToggle .p2pArrowSvg{width:28px!important;height:28px!important}
  .fullscreenBtn{width:40px!important;height:40px!important;right:16px!important;bottom:11px!important;border-radius:11px!important}
  .fullscreenSvg{width:22px!important;height:22px!important}
}

/* ===== v151: botões menores + fullscreen limpo + foco controle remoto ===== */
.p2pStatsToggle{
  width:32px!important;
  height:32px!important;
  right:52px!important;
  bottom:10px!important;
  border-radius:9px!important;
  background:rgba(0,0,0,.34)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.32)!important;
  padding:0!important;
  overflow:hidden!important;
  z-index:8!important;
}
.p2pStatsToggle .p2pArrowSvg{
  width:24px!important;
  height:24px!important;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.34))!important;
}
.p2pStatsToggle.active,
.p2pStatsToggle.focused,
.p2pStatsToggle:focus{
  outline:2px solid var(--focus)!important;
  outline-offset:2px!important;
  background:rgba(38,20,0,.82)!important;
  border-color:rgba(255,210,70,.9)!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.45),0 0 11px rgba(255,204,0,.38)!important;
}
.fullscreenBtn{
  width:34px!important;
  height:34px!important;
  right:12px!important;
  bottom:9px!important;
  border-radius:9px!important;
  background:rgba(0,0,0,.36)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 4px 10px rgba(0,0,0,.32)!important;
}
.fullscreenSvg{
  width:19px!important;
  height:19px!important;
  fill:rgba(255,255,255,.90)!important;
}
.fullscreenBtn.playerControl.focused,
.fullscreenBtn.playerControl:focus{
  outline:2px solid var(--focus)!important;
  outline-offset:2px!important;
  border-color:rgba(255,210,70,.9)!important;
  background:rgba(38,20,0,.82)!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.45),0 0 11px rgba(255,204,0,.38)!important;
}
#playerFrame.fullscreenActive .p2pStatsToggle,
#playerFrame.fullscreenActive .fullscreenBtn,
#playerFrame.fullscreenActive .p2pStats,
#playerFrame:fullscreen .p2pStatsToggle,
#playerFrame:fullscreen .fullscreenBtn,
#playerFrame:fullscreen .p2pStats,
#playerFrame:-webkit-full-screen .p2pStatsToggle,
#playerFrame:-webkit-full-screen .fullscreenBtn,
#playerFrame:-webkit-full-screen .p2pStats{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media (max-width:1280px), (max-height:760px){
  .p2pStatsToggle{width:30px!important;height:30px!important;right:48px!important;bottom:8px!important;border-radius:8px!important}
  .p2pStatsToggle .p2pArrowSvg{width:22px!important;height:22px!important}
  .fullscreenBtn{width:32px!important;height:32px!important;right:10px!important;bottom:7px!important;border-radius:8px!important}
  .fullscreenSvg{width:18px!important;height:18px!important}
}

/* ===== v152: setas menores + OSD do player em tela cheia ===== */
.p2pStatsToggle{
  width:26px!important;
  height:26px!important;
  right:40px!important;
  bottom:7px!important;
  border-radius:7px!important;
  background:rgba(0,0,0,.30)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 3px 8px rgba(0,0,0,.30)!important;
}
.p2pStatsToggle .p2pArrowSvg{
  width:19px!important;
  height:19px!important;
}
.fullscreenBtn{
  width:28px!important;
  height:28px!important;
  right:8px!important;
  bottom:6px!important;
  border-radius:7px!important;
  background:rgba(0,0,0,.32)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 3px 8px rgba(0,0,0,.30)!important;
}
.fullscreenSvg{
  width:16px!important;
  height:16px!important;
}
.p2pStatsToggle.focused,
.p2pStatsToggle:focus,
.fullscreenBtn.focused,
.fullscreenBtn:focus{
  outline:2px solid var(--focus)!important;
  outline-offset:2px!important;
}

.liveOsd.hidden{display:none!important;}
.liveOsd{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:9;
  min-height:118px;
  padding:14px 18px 12px 18px;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.84) 16%,rgba(0,0,0,.88));
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  pointer-events:auto;
}
.liveOsdInfo{
  display:grid;
  grid-template-columns:86px minmax(220px,1fr) minmax(170px,.7fr) 160px;
  gap:14px;
  align-items:center;
}
.liveOsdInfo img{
  width:78px;
  height:54px;
  object-fit:contain;
  background:rgba(0,0,0,.18);
  border-radius:6px;
}
.liveOsdText strong{
  display:block;
  font-size:25px;
  line-height:28px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:520px;
}
.liveOsdText span{
  display:block;
  margin-top:5px;
  color:#f0f0f0;
  font-size:16px;
}
.liveOsdText span b{color:#ff2936;margin-right:5px;}
.liveOsdText span em{font-style:normal;color:#ddd;}
.liveOsdNext{
  display:flex;
  align-items:center;
  gap:8px;
  color:#cfcfcf;
  font-size:18px;
  min-width:0;
}
.liveOsdNext em{
  font-style:normal;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.liveOsdRight{
  text-align:right;
  color:#d8d8d8;
  font-size:18px;
  line-height:24px;
}
.liveOsdRight strong{display:block;font-size:20px;font-weight:500;}
.liveOsdProgress{
  position:relative;
  height:5px;
  margin:8px 160px 10px 100px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  overflow:hidden;
}
.liveOsdProgress b{
  display:block;
  height:100%;
  width:6%;
  background:#e31e2b;
  border-radius:999px;
}
.liveOsdControls{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:13px;
  padding-left:100px;
  min-height:34px;
}
.liveOsdButton{
  border:0;
  outline:0;
  color:#efefef;
  background:transparent;
  height:32px;
  min-width:34px;
  padding:0 7px;
  border-radius:20px;
  font-size:18px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  opacity:.86;
}
.liveOsdButton span,
.liveOsdButton em{font-size:15px;font-style:normal;font-weight:600;color:#e9e9e9;}
.liveOsdTextBtn{color:#ffae00;font-size:17px;min-width:42px;}
.liveOsdRound{
  width:34px;
  min-width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(230,236,246,.74);
  color:#111;
  font-size:17px;
}
.liveOsdButton.focused,
.liveOsdButton:focus{
  opacity:1;
  background:rgba(255,205,60,.16);
  outline:3px solid var(--focus)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.55),0 0 16px rgba(255,204,0,.42);
}
.liveOsdRound.focused,
.liveOsdRound:focus{background:#ffd146;color:#111;}
.playerFrame.vipLocked .liveOsd{display:none!important;}
#playerFrame.fullscreenActive .liveOsd,
#playerFrame:fullscreen .liveOsd,
#playerFrame:-webkit-full-screen .liveOsd{
  display:block;
  min-height:150px;
  padding:18px 60px 18px 60px;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.82) 17%,rgba(0,0,0,.90));
}
#playerFrame.fullscreenActive .liveOsdInfo,
#playerFrame:fullscreen .liveOsdInfo,
#playerFrame:-webkit-full-screen .liveOsdInfo{
  grid-template-columns:110px minmax(300px,1fr) minmax(230px,.8fr) 180px;
}
#playerFrame.fullscreenActive .liveOsdInfo img,
#playerFrame:fullscreen .liveOsdInfo img,
#playerFrame:-webkit-full-screen .liveOsdInfo img{
  width:96px;
  height:68px;
}
#playerFrame.fullscreenActive .liveOsdText strong,
#playerFrame:fullscreen .liveOsdText strong,
#playerFrame:-webkit-full-screen .liveOsdText strong{font-size:30px;line-height:34px;max-width:760px;}
#playerFrame.fullscreenActive .liveOsdProgress,
#playerFrame:fullscreen .liveOsdProgress,
#playerFrame:-webkit-full-screen .liveOsdProgress{margin:10px 210px 11px 126px;}
#playerFrame.fullscreenActive .liveOsdControls,
#playerFrame:fullscreen .liveOsdControls,
#playerFrame:-webkit-full-screen .liveOsdControls{padding-left:126px;gap:16px;}
@media (max-width:1280px), (max-height:760px){
  .p2pStatsToggle{width:24px!important;height:24px!important;right:36px!important;bottom:6px!important;border-radius:7px!important}
  .p2pStatsToggle .p2pArrowSvg{width:17px!important;height:17px!important}
  .fullscreenBtn{width:26px!important;height:26px!important;right:7px!important;bottom:5px!important;border-radius:7px!important}
  .fullscreenSvg{width:15px!important;height:15px!important}
  .liveOsd{min-height:108px;padding:10px 14px 10px 14px;}
  .liveOsdInfo{grid-template-columns:72px minmax(160px,1fr) minmax(110px,.55fr) 120px;gap:10px;}
  .liveOsdInfo img{width:66px;height:44px;}
  .liveOsdText strong{font-size:20px;line-height:23px;max-width:380px;}
  .liveOsdText span{font-size:13px;}
  .liveOsdNext{font-size:14px;}
  .liveOsdRight{font-size:14px;line-height:18px;}
  .liveOsdRight strong{font-size:16px;}
  .liveOsdProgress{height:4px;margin:6px 118px 8px 82px;}
  .liveOsdControls{padding-left:82px;gap:9px;}
  .liveOsdButton{height:28px;min-width:30px;font-size:15px;padding:0 5px;}
  .liveOsdButton span,.liveOsdButton em{font-size:12px;}
  .liveOsdRound{width:29px;min-width:29px;height:29px;font-size:14px;}
}

/* ===== V153 - Menu lateral no player/fullscreen igual UniTV, sem cadeadinho ===== */
.liveSideMenu.hidden{display:none!important;}
.liveSideMenu{
  position:absolute;
  inset:0 auto 0 0;
  width:min(760px,46vw);
  max-width:760px;
  min-width:560px;
  z-index:18;
  display:flex;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  pointer-events:auto;
  background:linear-gradient(90deg,rgba(4,12,24,.96) 0%,rgba(8,18,34,.88) 58%,rgba(8,14,28,.54) 83%,rgba(8,14,28,0) 100%);
  box-shadow:22px 0 34px rgba(0,0,0,.34);
  overflow:hidden;
}
.playerFrame.vipLocked .liveSideMenu{display:none!important;}
.liveSideRail{
  width:92px;
  flex:0 0 92px;
  background:linear-gradient(180deg,rgba(0,0,0,.92),rgba(10,25,38,.88));
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:86px;
  gap:34px;
  border-right:1px solid rgba(255,255,255,.06);
}
.liveSideIcon{
  width:54px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.90);
  font-size:34px;
  line-height:1;
  text-shadow:0 2px 8px rgba(0,0,0,.5);
}
.liveSideIconActive{color:#df0f1b;font-size:38px;}
.liveSidePanel{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  padding:28px 36px 82px 24px;
  background:linear-gradient(90deg,rgba(18,31,52,.80),rgba(30,34,51,.50) 72%,rgba(30,34,51,.10));
}
.liveSideHeader{
  height:56px;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.25);
  margin-bottom:0;
}
.liveSideHeader strong{
  font-size:28px;
  line-height:34px;
  font-weight:500;
  color:rgba(255,255,255,.86);
  letter-spacing:.2px;
}
.liveSideList{
  position:absolute;
  left:24px;
  right:34px;
  top:84px;
  bottom:78px;
  overflow:hidden;
  padding-right:0;
}
.liveSideRow{
  width:100%;
  min-height:84px;
  display:grid;
  grid-template-columns:86px 50px minmax(0,1fr) 42px;
  align-items:center;
  gap:10px;
  color:#fff;
  background:rgba(255,255,255,0);
  border:0;
  border-bottom:1px solid rgba(255,255,255,.12);
  padding:8px 4px 8px 0;
  text-align:left;
  border-radius:0;
  outline:0;
}
.liveSideRow.active,
.liveSideRow.focused,
.liveSideRow:focus{
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
}
.liveSideRow.focused,
.liveSideRow:focus{
  box-shadow:inset 4px 0 0 #d80e18;
}
.liveSideLogo{
  width:74px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.liveSideLogo img{
  max-width:72px;
  max-height:52px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}
.liveSideNumber{
  color:#fff;
  font-size:32px;
  line-height:36px;
  font-weight:900;
  text-align:center;
  text-shadow:0 2px 8px rgba(0,0,0,.40);
}
.liveSideMeta{min-width:0;display:block;}
.liveSideMeta strong{
  display:block;
  font-size:30px;
  line-height:35px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(255,255,255,.94);
}
.liveSideMeta em{
  display:block;
  margin-top:5px;
  font-size:17px;
  line-height:21px;
  font-style:normal;
  font-weight:600;
  color:rgba(255,255,255,.72);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.liveSidePlay{
  min-width:34px;
  color:#fff;
  font-size:31px;
  line-height:1;
  text-align:center;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));
}
.liveSideHint{
  position:absolute;
  left:24px;
  right:34px;
  bottom:18px;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.78);
  font-size:17px;
  line-height:20px;
}
.liveSideHint b{font-size:30px;font-weight:700;color:rgba(255,255,255,.90);}
.liveSideHint span{font-weight:700;}
.liveSideHint em{font-style:normal;color:rgba(255,255,255,.48);font-size:15px;}
.liveSideChevron{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  color:#e10d18;
  font-size:58px;
  line-height:1;
  font-weight:200;
  text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.liveSideEmpty{
  padding:28px 10px;
  font-size:22px;
  color:rgba(255,255,255,.78);
}
#playerFrame.fullscreenActive .liveSideMenu,
#playerFrame:fullscreen .liveSideMenu,
#playerFrame:-webkit-full-screen .liveSideMenu{
  width:min(800px,47vw);
  min-width:600px;
}
@media (max-width:1280px), (max-height:760px){
  .liveSideMenu{width:46vw;min-width:470px;max-width:610px;}
  .liveSideRail{width:72px;flex-basis:72px;padding-top:66px;gap:24px;}
  .liveSideIcon{width:44px;height:44px;font-size:28px;}
  .liveSideIconActive{font-size:32px;}
  .liveSidePanel{padding:18px 28px 62px 18px;}
  .liveSideHeader{height:44px;}
  .liveSideHeader strong{font-size:22px;line-height:28px;}
  .liveSideList{left:18px;right:28px;top:62px;bottom:58px;}
  .liveSideRow{min-height:62px;grid-template-columns:68px 42px minmax(0,1fr) 30px;gap:8px;padding:5px 2px 5px 0;}
  .liveSideLogo{width:62px;height:44px;}
  .liveSideLogo img{max-width:60px;max-height:40px;}
  .liveSideNumber{font-size:25px;line-height:29px;}
  .liveSideMeta strong{font-size:24px;line-height:28px;}
  .liveSideMeta em{font-size:14px;line-height:18px;margin-top:3px;}
  .liveSidePlay{font-size:25px;}
  .liveSideHint{left:18px;right:28px;bottom:10px;font-size:14px;gap:8px;}
  .liveSideHint b{font-size:24px;}
  .liveSideHint em{font-size:12px;}
  .liveSideChevron{right:8px;font-size:44px;}
}


/* ===== V154 - Navegação correta do player: lista -> player -> P2P/fullscreen ===== */
.playerFrame.playerFocusTarget{outline:none;}
.playerFrame.playerFocusTarget.focused,
.playerFrame.playerFocusTarget:focus{
  border-color:rgba(255,214,87,.96)!important;
  box-shadow:0 0 0 3px rgba(255,214,87,.34),0 14px 45px rgba(0,0,0,.35)!important;
}
#playerFrame.fullscreenActive.playerFocusTarget.focused,
#playerFrame:fullscreen.playerFocusTarget.focused,
#playerFrame:-webkit-full-screen.playerFocusTarget.focused{
  border-color:transparent!important;
  box-shadow:none!important;
}


/* ===== V156 - Fullscreen: seta esquerda/OK abre categorias + lista de canais ===== */
.playerFrame.vipLocked .liveSideMenu.open{display:flex!important;}
.liveSideMenu{
  width:min(940px,58vw)!important;
  min-width:760px!important;
  max-width:940px!important;
  background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(5,11,22,.96) 38%,rgba(8,18,34,.88) 72%,rgba(8,14,28,.18) 100%)!important;
}
.liveSideRail{
  width:310px!important;
  flex:0 0 310px!important;
  align-items:stretch!important;
  gap:0!important;
  padding:64px 0 28px 0!important;
  background:rgba(0,0,0,.96)!important;
  border-right:1px solid rgba(255,255,255,.05)!important;
}
.liveSideRailItem{
  min-height:64px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:0 28px;
  color:rgba(255,255,255,.78);
  font-size:23px;
  line-height:28px;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.liveSideRailItem strong{
  font:inherit;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.liveSideRailIco{
  width:42px;
  min-width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  color:rgba(255,255,255,.92);
  text-shadow:0 2px 8px rgba(0,0,0,.55);
}
.liveSideRailActive{
  background:#df111d;
  color:#fff;
  font-weight:700;
}
.liveSideRailActive .liveSideRailIco{color:#fff;}
.liveSideRailText{
  padding-left:74px;
  min-height:58px;
  font-size:22px;
  color:rgba(255,255,255,.88);
}
.liveSidePanel{
  background:linear-gradient(90deg,rgba(12,18,32,.98),rgba(13,20,37,.90) 82%,rgba(13,20,37,.42))!important;
}
#playerFrame.fullscreenActive .liveSideMenu,
#playerFrame:fullscreen .liveSideMenu,
#playerFrame:-webkit-full-screen .liveSideMenu{
  width:min(980px,60vw)!important;
  min-width:790px!important;
}
@media (max-width:1280px), (max-height:760px){
  .liveSideMenu{width:min(730px,58vw)!important;min-width:610px!important;max-width:760px!important;}
  .liveSideRail{width:230px!important;flex-basis:230px!important;padding-top:38px!important;}
  .liveSideRailItem{min-height:48px;padding:0 18px;gap:12px;font-size:18px;line-height:22px;}
  .liveSideRailIco{width:32px;min-width:32px;height:32px;font-size:27px;}
  .liveSideRailText{padding-left:62px;min-height:44px;font-size:18px;}
  #playerFrame.fullscreenActive .liveSideMenu,
  #playerFrame:fullscreen .liveSideMenu,
  #playerFrame:-webkit-full-screen .liveSideMenu{width:min(760px,60vw)!important;min-width:620px!important;}
}

/* ===== V157 - menu fullscreen mais estreito + categorias navegáveis ===== */
.liveSideMenu{
  width:min(880px,54vw)!important;
  min-width:690px!important;
  max-width:880px!important;
}
.liveSideRail{
  width:255px!important;
  flex-basis:255px!important;
}
.liveSideRailItem{
  width:100%;
  border:0;
  outline:0;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  text-align:left;
  background:transparent;
}
.liveSideRailItem.focused,
.liveSideRailItem:focus{
  background:rgba(223,17,29,.86)!important;
  color:#fff!important;
}
.liveSideRailItem.focused .liveSideRailIco,
.liveSideRailItem:focus .liveSideRailIco{color:#fff!important;}
.liveSideRailItem.liveSideRailActive{
  background:#df111d!important;
  color:#fff!important;
}
.liveSidePanel{padding-left:18px!important;padding-right:28px!important;}
.liveSideList{left:18px!important;right:28px!important;}
#playerFrame.fullscreenActive .liveSideMenu,
#playerFrame:fullscreen .liveSideMenu,
#playerFrame:-webkit-full-screen .liveSideMenu{
  width:min(900px,55vw)!important;
  min-width:700px!important;
  max-width:900px!important;
}
@media (max-width:1280px), (max-height:760px){
  .liveSideMenu{width:min(690px,54vw)!important;min-width:560px!important;max-width:700px!important;}
  .liveSideRail{width:205px!important;flex-basis:205px!important;}
  .liveSideRailItem{font-size:17px!important;padding-left:16px!important;padding-right:14px!important;}
  .liveSideRailText{padding-left:52px!important;}
  #playerFrame.fullscreenActive .liveSideMenu,
  #playerFrame:fullscreen .liveSideMenu,
  #playerFrame:-webkit-full-screen .liveSideMenu{width:min(710px,56vw)!important;min-width:570px!important;max-width:720px!important;}
}

/* ===== V158 - fullscreen mais estreito + categorias reais do XUI ===== */
.liveSideMenu{
  width:min(760px,46vw)!important;
  min-width:620px!important;
  max-width:780px!important;
}
#playerFrame.fullscreenActive .liveSideMenu,
#playerFrame:fullscreen .liveSideMenu,
#playerFrame:-webkit-full-screen .liveSideMenu{
  width:min(760px,46vw)!important;
  min-width:620px!important;
  max-width:780px!important;
}
.liveSideRail{
  width:235px!important;
  flex:0 0 235px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  padding-top:48px!important;
  padding-bottom:24px!important;
}
.liveSideRail::-webkit-scrollbar{width:0;height:0;display:none;}
.liveSideRailItem{
  min-height:52px!important;
  padding-left:18px!important;
  padding-right:14px!important;
  gap:12px!important;
  font-size:19px!important;
  line-height:23px!important;
}
.liveSideRailIco{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  font-size:29px!important;
}
.liveSideRailText{
  padding-left:56px!important;
  min-height:48px!important;
  font-size:18px!important;
}
.liveSidePanel{
  padding-left:14px!important;
  padding-right:20px!important;
}
.liveSideList{
  left:14px!important;
  right:20px!important;
}
.liveSideChevron{right:5px!important;font-size:42px!important;}
.liveSideRow{
  grid-template-columns:72px 46px minmax(0,1fr) 28px!important;
  gap:8px!important;
}
.liveSideLogo{width:64px!important;height:48px!important;}
.liveSideLogo img{max-width:62px!important;max-height:44px!important;}
.liveSideNumber{font-size:28px!important;line-height:32px!important;}
.liveSideMeta strong{font-size:25px!important;line-height:29px!important;}
.liveSideMeta em{font-size:14px!important;line-height:18px!important;}
.liveSidePlay{font-size:25px!important;}
@media (max-width:1280px), (max-height:760px){
  .liveSideMenu,
  #playerFrame.fullscreenActive .liveSideMenu,
  #playerFrame:fullscreen .liveSideMenu,
  #playerFrame:-webkit-full-screen .liveSideMenu{
    width:min(640px,50vw)!important;
    min-width:540px!important;
    max-width:660px!important;
  }
  .liveSideRail{width:205px!important;flex-basis:205px!important;padding-top:36px!important;}
  .liveSideRailItem{min-height:44px!important;font-size:16px!important;line-height:20px!important;padding-left:14px!important;padding-right:10px!important;gap:10px!important;}
  .liveSideRailIco{width:30px!important;min-width:30px!important;height:30px!important;font-size:25px!important;}
  .liveSideRailText{padding-left:48px!important;min-height:40px!important;font-size:15px!important;}
  .liveSidePanel{padding-left:12px!important;padding-right:18px!important;}
  .liveSideList{left:12px!important;right:18px!important;}
  .liveSideRow{min-height:58px!important;grid-template-columns:58px 36px minmax(0,1fr) 24px!important;gap:7px!important;}
  .liveSideLogo{width:54px!important;height:38px!important;}
  .liveSideLogo img{max-width:52px!important;max-height:35px!important;}
  .liveSideNumber{font-size:23px!important;line-height:27px!important;}
  .liveSideMeta strong{font-size:21px!important;line-height:25px!important;}
  .liveSideMeta em{font-size:12px!important;line-height:16px!important;}
  .liveSideChevron{right:4px!important;font-size:36px!important;}
}

/* ===== V159 - menu fullscreen mais estreito + busca/favoritos/EPG reais ===== */
.liveSideMenu,
#playerFrame.fullscreenActive .liveSideMenu,
#playerFrame:fullscreen .liveSideMenu,
#playerFrame:-webkit-full-screen .liveSideMenu{
  width:min(620px,40vw)!important;
  min-width:500px!important;
  max-width:640px!important;
}
.liveSideRail{
  width:180px!important;
  flex:0 0 180px!important;
  padding-top:34px!important;
  padding-bottom:22px!important;
}
.liveSideRailItem{
  min-height:42px!important;
  padding-left:12px!important;
  padding-right:8px!important;
  gap:8px!important;
  font-size:15px!important;
  line-height:19px!important;
}
.liveSideRailIco{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  font-size:23px!important;
}
.liveSideRailText{
  padding-left:40px!important;
  min-height:38px!important;
  font-size:14px!important;
}
.liveSidePanel{padding-left:10px!important;padding-right:14px!important;}
.liveSideHeader{height:42px!important;}
.liveSideHeader strong{font-size:21px!important;line-height:25px!important;}
.liveSideList{left:10px!important;right:14px!important;top:58px!important;bottom:52px!important;overflow:hidden!important;}
.liveSideRow{min-height:56px!important;grid-template-columns:52px 34px minmax(0,1fr) 22px!important;gap:6px!important;padding-top:4px!important;padding-bottom:4px!important;}
.liveSideLogo{width:48px!important;height:36px!important;}
.liveSideLogo img{max-width:46px!important;max-height:34px!important;}
.liveSideNumber{font-size:22px!important;line-height:25px!important;}
.liveSideMeta strong{font-size:20px!important;line-height:23px!important;}
.liveSideMeta em{font-size:11px!important;line-height:14px!important;margin-top:2px!important;}
.liveSidePlay{font-size:20px!important;}
.liveSideHint{left:10px!important;right:14px!important;bottom:8px!important;font-size:12px!important;gap:6px!important;}
.liveSideHint b{font-size:21px!important;}
.liveSideHint em{font-size:11px!important;}
.liveSideChevron{right:2px!important;font-size:32px!important;}

.liveSideSearchPane,
.liveSideSchedulePane{height:100%;display:flex;flex-direction:column;gap:10px;overflow:hidden;}
.liveSideSearchInput{
  width:100%;height:44px;border:0;outline:0;border-radius:4px;
  background:rgba(255,255,255,.10);color:#fff;font-size:20px;font-weight:700;
  padding:0 14px;box-sizing:border-box;
}
.liveSideSearchInput.focused,
.liveSideSearchInput:focus{box-shadow:0 0 0 2px rgba(255,210,65,.95),0 0 14px rgba(255,210,65,.18);background:rgba(255,255,255,.15);}
.liveSideSearchKeys{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;flex:0 0 auto;}
.liveSideSearchKey{height:34px;border:0;outline:0;border-radius:2px;background:rgba(255,255,255,.14);color:rgba(255,255,255,.78);font-size:17px;font-weight:800;}
.liveSideSearchKey.focused,
.liveSideSearchKey:focus{background:#df111d!important;color:#fff!important;box-shadow:0 0 0 2px rgba(255,210,65,.88);}
.liveSideSearchWide{grid-column:span 2;font-size:14px;}
.liveSideSearchResults{min-height:0;flex:1 1 auto;overflow:hidden;}
.liveSideSearchResults .liveSideRow{min-height:50px!important;}
.liveSideScheduleTitle{font-size:18px;font-weight:800;color:#fff;padding:0 2px 6px;border-bottom:1px solid rgba(255,255,255,.18);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.liveSideSchedulePane{overflow:hidden;}
.liveSideScheduleRow{display:grid;grid-template-columns:78px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;width:100%;min-height:54px;padding:6px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;text-align:left;outline:0;}
.liveSideScheduleRow span{grid-row:1 / span 2;font-size:14px;font-weight:800;color:rgba(255,255,255,.70);align-self:center;}
.liveSideScheduleRow strong{font-size:17px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.liveSideScheduleRow em{font-size:12px;line-height:15px;font-style:normal;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.liveSideScheduleRow.focused,
.liveSideScheduleRow:focus{background:rgba(223,17,29,.88)!important;box-shadow:inset 4px 0 0 #ffd441;}
@media (max-width:1280px), (max-height:760px){
  .liveSideMenu,
  #playerFrame.fullscreenActive .liveSideMenu,
  #playerFrame:fullscreen .liveSideMenu,
  #playerFrame:-webkit-full-screen .liveSideMenu{
    width:min(540px,42vw)!important;
    min-width:455px!important;
    max-width:560px!important;
  }
  .liveSideRail{width:165px!important;flex-basis:165px!important;}
  .liveSideRailItem{font-size:14px!important;min-height:39px!important;}
  .liveSideRailText{font-size:13px!important;padding-left:38px!important;}
  .liveSideRow{grid-template-columns:46px 30px minmax(0,1fr) 18px!important;min-height:50px!important;}
  .liveSideLogo{width:42px!important;height:32px!important;}
  .liveSideLogo img{max-width:40px!important;max-height:30px!important;}
  .liveSideNumber{font-size:19px!important;line-height:22px!important;}
  .liveSideMeta strong{font-size:18px!important;line-height:21px!important;}
  .liveSideMeta em{font-size:10px!important;line-height:13px!important;}
  .liveSideSearchKey{height:30px;font-size:15px;}
  .liveSideSearchInput{height:40px;font-size:18px;}
}

/* ===== v162 - formatação correta dos canais no menu fullscreen =====
   Ajusta a grade da lista para o número do canal ficar em coluna própria,
   sem cair para baixo nem atropelar o nome do canal, igual ao modelo UniTV. */
.liveSideMenu .liveSidePanel{
  min-width:0!important;
}
.liveSideMenu .liveSideList{
  overflow:hidden!important;
}
.liveSideMenu .liveSideRow{
  box-sizing:border-box!important;
  min-height:72px!important;
  height:72px!important;
  display:grid!important;
  grid-template-columns:66px 72px minmax(0,1fr) 28px!important;
  align-items:center!important;
  column-gap:8px!important;
  padding:6px 4px 6px 0!important;
  overflow:hidden!important;
}
.liveSideMenu .liveSideLogo{
  width:62px!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.liveSideMenu .liveSideLogo img{
  max-width:60px!important;
  max-height:48px!important;
  object-fit:contain!important;
}
.liveSideMenu .liveSideNumber{
  width:72px!important;
  min-width:72px!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:31px!important;
  line-height:34px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-align:center!important;
}
.liveSideMenu .liveSideMeta{
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.liveSideMenu .liveSideMeta strong{
  display:block!important;
  max-width:100%!important;
  font-size:29px!important;
  line-height:33px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
}
.liveSideMenu .liveSideMeta em{
  display:block!important;
  max-width:100%!important;
  font-size:15px!important;
  line-height:18px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin-top:3px!important;
}
.liveSideMenu .liveSidePlay{
  width:28px!important;
  min-width:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:24px!important;
  line-height:28px!important;
}

@media (max-width:900px){
  .liveSideMenu .liveSideRow{
    min-height:62px!important;
    height:62px!important;
    grid-template-columns:50px 56px minmax(0,1fr) 20px!important;
    column-gap:6px!important;
  }
  .liveSideMenu .liveSideLogo{width:46px!important;height:38px!important;}
  .liveSideMenu .liveSideLogo img{max-width:44px!important;max-height:35px!important;}
  .liveSideMenu .liveSideNumber{width:56px!important;min-width:56px!important;font-size:24px!important;line-height:27px!important;}
  .liveSideMenu .liveSideMeta strong{font-size:22px!important;line-height:25px!important;}
  .liveSideMenu .liveSideMeta em{font-size:12px!important;line-height:15px!important;}
}


/* ===== v166 - WebView/TV Box: lista de canais fullscreen com fonte menor =====
   Corrige a lista dentro do menu maximizado: número, nome e EPG não ficam gigantes
   nem quebrados em painel estreito. Mantém a navegação e categorias reais. */
.liveSideMenu .liveSideRow{
  min-height:58px!important;
  height:58px!important;
  grid-template-columns:46px 44px minmax(0,1fr) 18px!important;
  column-gap:6px!important;
  padding:4px 2px 4px 0!important;
}
.liveSideMenu .liveSideLogo{
  width:42px!important;
  height:34px!important;
}
.liveSideMenu .liveSideLogo img{
  max-width:40px!important;
  max-height:32px!important;
}
.liveSideMenu .liveSideNumber{
  width:44px!important;
  min-width:44px!important;
  font-size:23px!important;
  line-height:26px!important;
}
.liveSideMenu .liveSideMeta strong{
  font-size:21px!important;
  line-height:24px!important;
  letter-spacing:0!important;
}
.liveSideMenu .liveSideMeta em{
  font-size:11px!important;
  line-height:14px!important;
  margin-top:2px!important;
}
.liveSideMenu .liveSidePlay{
  width:18px!important;
  min-width:18px!important;
  font-size:20px!important;
  line-height:22px!important;
}
.liveSideMenu .liveSideHeader strong{
  font-size:22px!important;
  line-height:26px!important;
}

/* Quando o WebView/BlueStacks encolhe a área útil, reduz mais um pouco. */
@media (max-width:1280px), (max-height:760px){
  .liveSideMenu .liveSideRow{
    min-height:52px!important;
    height:52px!important;
    grid-template-columns:40px 38px minmax(0,1fr) 16px!important;
    column-gap:5px!important;
  }
  .liveSideMenu .liveSideLogo{width:38px!important;height:30px!important;}
  .liveSideMenu .liveSideLogo img{max-width:36px!important;max-height:28px!important;}
  .liveSideMenu .liveSideNumber{width:38px!important;min-width:38px!important;font-size:20px!important;line-height:23px!important;}
  .liveSideMenu .liveSideMeta strong{font-size:18px!important;line-height:21px!important;}
  .liveSideMenu .liveSideMeta em{font-size:10px!important;line-height:12px!important;}
  .liveSideMenu .liveSidePlay{width:16px!important;min-width:16px!important;font-size:18px!important;line-height:20px!important;}
}


/* ===== V167 - LOGO UNITV TOPO UM POUCO MENOR ===== */
.logoBox{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  padding:3px !important;
}
.logoBox .unitvLogoImg{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}
@media (max-width:1280px), (max-height:760px){
  .logoBox{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    padding:3px !important;
  }
}


/* ===== V174: POPUP WHATSAPP / FEEDBACK & SUGESTÕES ===== */
.supportModal{
  background:rgba(0,0,0,.68)!important;
  backdrop-filter:blur(2px);
  align-items:center!important;
  justify-content:center!important;
  z-index:80!important;
}

.supportCard{
  position:relative;
  width:min(1120px,82vw);
  min-height:530px;
  padding:54px 70px 42px;
  overflow:hidden;
  color:#f8f8f8;
  background:
    radial-gradient(circle at 7% 0%, rgba(255,255,255,.08), transparent 18%),
    radial-gradient(circle at 91% 9%, rgba(255,255,255,.07), transparent 20%),
    linear-gradient(115deg, rgba(62,67,73,.98), rgba(31,34,40,.98) 48%, rgba(50,54,60,.98));
  border:1px solid rgba(255,255,255,.14);
  border-radius:0;
  box-shadow:0 30px 100px rgba(0,0,0,.72);
}

.supportCard:before,
.supportCard:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  background:rgba(255,255,255,.035);
}

.supportCard:before{
  width:220px;
  height:220px;
  left:-70px;
  top:-42px;
}

.supportCard:after{
  width:250px;
  height:250px;
  right:-82px;
  top:-44px;
}

.supportClose{
  position:absolute;
  right:18px;
  top:16px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  font-size:32px;
  line-height:40px;
  font-weight:400;
  z-index:3;
}

.supportCard h2{
  position:relative;
  z-index:2;
  margin:0 0 20px;
  text-align:center;
  font-size:42px;
  line-height:1.1;
  font-weight:900;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}

.supportLead{
  position:relative;
  z-index:2;
  margin:0 0 26px;
  text-align:center;
  font-size:24px;
  color:rgba(255,255,255,.72);
  font-weight:600;
}

.supportGrid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 340px;
  gap:58px;
  align-items:start;
}

.supportInfo{
  min-height:318px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:22px;
  padding-top:14px;
}

.supportRow{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  align-items:start;
}

.supportIcon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  font-size:27px;
  line-height:1;
  color:#e8e8e8;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));
}

.supportIconWhats{
  color:#3dff55;
  font-size:30px;
}

.supportRow strong{
  display:block;
  font-size:26px;
  line-height:1.15;
  font-weight:800;
  color:#fff;
}

.supportRow strong em{
  font-style:normal;
  color:#ff9f20;
  font-weight:900;
}

.supportRow small{
  display:block;
  margin-top:8px;
  font-size:20px;
  line-height:1.35;
  color:rgba(255,255,255,.65);
  font-weight:600;
}

.supportHintRow{
  margin-top:4px;
}

.supportFootText{
  margin:auto 0 0;
  max-width:560px;
  font-size:23px;
  line-height:1.25;
  color:rgba(255,255,255,.58);
  font-weight:700;
}

.supportQrBox{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding-top:4px;
}

.supportQrBox img{
  width:308px;
  height:308px;
  object-fit:contain;
  padding:10px;
  background:#fff;
  border:5px solid rgba(255,255,255,.65);
  box-shadow:0 8px 22px rgba(0,0,0,.55);
}

.supportQrBox span{
  color:#ff9f20;
  font-size:20px;
  font-weight:900;
  letter-spacing:.2px;
}

.supportActions{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  margin-top:18px;
}

.supportBack{
  min-width:230px;
  height:48px;
  border-radius:0;
  background:transparent;
  color:#ff2020;
  font-size:24px;
  font-weight:500;
  text-decoration:underline;
}

.supportBack.focused,
.supportBack:focus,
.supportClose.focused,
.supportClose:focus{
  outline:4px solid rgba(255,204,85,.98)!important;
  outline-offset:3px!important;
  box-shadow:0 0 22px rgba(255,204,85,.35)!important;
}

@media (max-width:1280px), (max-height:760px){
  .supportCard{
    width:860px;
    min-height:430px;
    padding:34px 48px 26px;
  }

  .supportCard h2{
    font-size:32px;
    margin-bottom:14px;
  }

  .supportLead{
    font-size:20px;
    margin-bottom:18px;
  }

  .supportGrid{
    grid-template-columns:1fr 260px;
    gap:36px;
  }

  .supportInfo{
    min-height:250px;
    gap:16px;
    padding-top:8px;
  }

  .supportRow{
    grid-template-columns:36px 1fr;
    gap:10px;
  }

  .supportIcon{
    width:27px;
    height:27px;
    font-size:23px;
  }

  .supportRow strong{
    font-size:21px;
  }

  .supportRow small{
    margin-top:5px;
    font-size:16px;
  }

  .supportFootText{
    font-size:18px;
    max-width:430px;
  }

  .supportQrBox img{
    width:238px;
    height:238px;
    padding:8px;
    border-width:4px;
  }

  .supportQrBox span{
    font-size:16px;
  }

  .supportClose{
    right:12px;
    top:10px;
    width:38px;
    height:38px;
    font-size:28px;
    line-height:34px;
  }

  .supportBack{
    min-width:190px;
    height:40px;
    font-size:20px;
  }
}

@media (max-width:960px), (max-height:590px){
  .supportCard{
    width:760px;
    min-height:360px;
    padding:25px 38px 20px;
  }

  .supportCard h2{font-size:28px}
  .supportLead{font-size:17px;margin-bottom:12px}
  .supportGrid{grid-template-columns:1fr 210px;gap:24px}
  .supportInfo{min-height:210px;gap:12px}
  .supportRow strong{font-size:18px}
  .supportRow small{font-size:14px}
  .supportFootText{font-size:16px}
  .supportQrBox img{width:200px;height:200px}
  .supportActions{margin-top:10px}
}



/* v175: suporte WhatsApp + e-mail ajustado */
.supportInfo{gap:26px!important;}
.supportRow{grid-template-columns:52px 1fr!important;gap:16px!important;}
.supportIconImg{width:34px;height:34px;object-fit:contain;display:block;align-self:start;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));}
.supportIconMailImg{background:rgba(255,255,255,.10);border-radius:8px;padding:4px;}
.supportRow strong em{color:#ff9f20;font-style:normal;font-weight:900;}
.supportFootText{margin-top:auto!important;}
@media (max-width:1280px), (max-height:760px){
  .supportIconImg{width:28px;height:28px;}
  .supportRow{grid-template-columns:42px 1fr!important;gap:12px!important;}
}


/* v176: quadro de suporte maior e letras mais finas */
.supportCard{
  width:min(1320px,92vw)!important;
  min-height:620px!important;
  padding:62px 82px 50px!important;
}

.supportCard h2{
  font-size:46px!important;
  font-weight:700!important;
  letter-spacing:.2px!important;
}

.supportLead{
  font-size:26px!important;
  font-weight:400!important;
}

.supportGrid{
  grid-template-columns:1fr 390px!important;
  gap:74px!important;
}

.supportInfo{
  gap:30px!important;
  padding-top:20px!important;
}

.supportRow strong{
  font-size:27px!important;
  font-weight:500!important;
}

.supportRow strong em{
  font-weight:500!important;
}

.supportRow small{
  font-size:21px!important;
  font-weight:400!important;
}

.supportFootText{
  font-size:24px!important;
  font-weight:400!important;
  line-height:1.25!important;
}

.supportQrBox{
  width:390px!important;
}

.supportQrBox img{
  width:348px!important;
  height:348px!important;
}

.supportQrBox span{
  font-size:18px!important;
  font-weight:400!important;
}

.supportBack{
  font-weight:500!important;
}

@media (max-width:1280px), (max-height:760px){
  .supportCard{
    width:92vw!important;
    min-height:560px!important;
    padding:46px 54px 38px!important;
  }

  .supportCard h2{
    font-size:38px!important;
    font-weight:700!important;
  }

  .supportLead{
    font-size:22px!important;
    font-weight:400!important;
  }

  .supportGrid{
    grid-template-columns:1fr 315px!important;
    gap:46px!important;
  }

  .supportRow strong{
    font-size:22px!important;
    font-weight:500!important;
  }

  .supportRow small{
    font-size:17px!important;
    font-weight:400!important;
  }

  .supportFootText{
    font-size:20px!important;
    font-weight:400!important;
  }

  .supportQrBox{
    width:315px!important;
  }

  .supportQrBox img{
    width:285px!important;
    height:285px!important;
  }
}


/* v177: diminui só um pouco as laterais do quadro de suporte */
.supportCard{
  width:min(1260px,89vw)!important;
  padding-left:76px!important;
  padding-right:76px!important;
}

.supportGrid{
  grid-template-columns:1fr 370px!important;
  gap:64px!important;
}

.supportQrBox{
  width:370px!important;
}

.supportQrBox img{
  width:330px!important;
  height:330px!important;
}

@media (max-width:1280px), (max-height:760px){
  .supportCard{
    width:89vw!important;
    padding-left:48px!important;
    padding-right:48px!important;
  }

  .supportGrid{
    grid-template-columns:1fr 300px!important;
    gap:38px!important;
  }

  .supportQrBox{
    width:300px!important;
  }

  .supportQrBox img{
    width:270px!important;
    height:270px!important;
  }
}


/* v178: página de recados/avisos no sininho */
.noticesModal{
  background:rgba(0,0,0,.66)!important;
  backdrop-filter:blur(2px);
  align-items:center!important;
  justify-content:center!important;
  z-index:82!important;
}

.noticesCard{
  position:relative;
  width:min(1280px,90vw);
  height:min(720px,84vh);
  padding:46px 58px 36px;
  overflow:hidden;
  color:#f8f8f8;
  background:
    radial-gradient(circle at 9% 0%, rgba(255,255,255,.08), transparent 18%),
    radial-gradient(circle at 92% 8%, rgba(255,190,80,.08), transparent 24%),
    linear-gradient(115deg, rgba(55,58,64,.98), rgba(28,30,36,.98) 52%, rgba(46,50,56,.98));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 100px rgba(0,0,0,.72);
}

.noticesClose{
  position:absolute;
  right:18px;
  top:16px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  font-size:32px;
  line-height:40px;
  font-weight:400;
  z-index:3;
}

.noticesHeader{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  padding-right:38px;
}

.noticesHeader h2{
  margin:0 0 8px;
  font-size:43px;
  line-height:1.08;
  font-weight:700;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}

.noticesHeader p{
  margin:0;
  font-size:23px;
  font-weight:400;
  color:rgba(255,255,255,.68);
}

.noticesRefresh,
.noticesBack{
  height:48px;
  padding:0 26px;
  border-radius:14px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  font-size:20px;
  font-weight:500;
}

.noticesRefresh.focused,
.noticesBack.focused,
.noticesClose.focused{
  outline:4px solid var(--focus)!important;
  outline-offset:3px;
}

.noticesList{
  margin-top:28px;
  height:calc(100% - 154px);
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-content:start;
}

.noticeItem{
  min-height:150px;
  display:grid;
  grid-template-columns:154px 1fr;
  gap:18px;
  padding:16px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  overflow:hidden;
}

.noticeItem.noImage{
  grid-template-columns:1fr;
}

.noticeItem.focused{
  outline:4px solid var(--focus)!important;
  outline-offset:2px;
  background:rgba(70,25,0,.42);
}

.noticeImage{
  width:154px;
  height:118px;
  border-radius:14px;
  object-fit:cover;
  background:#111;
  border:1px solid rgba(255,255,255,.15);
}

.noticeText{
  min-width:0;
}

.noticeDate{
  display:block;
  margin-bottom:5px;
  font-size:15px;
  color:#ffb64b;
  font-weight:500;
}

.noticeTitle{
  margin:0 0 7px;
  font-size:24px;
  line-height:1.1;
  font-weight:600;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.noticeBody{
  margin:0;
  font-size:18px;
  line-height:1.28;
  color:rgba(255,255,255,.76);
  font-weight:400;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.noticeEmpty{
  grid-column:1 / -1;
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px;
  border-radius:22px;
  background:rgba(0,0,0,.24);
  color:rgba(255,255,255,.72);
  font-size:25px;
  font-weight:400;
}

.noticesFooter{
  position:absolute;
  left:58px;
  right:58px;
  bottom:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.noticesFooter span{
  color:rgba(255,255,255,.62);
  font-size:18px;
  font-weight:400;
}

@media (max-width:1280px), (max-height:760px){
  .noticesCard{
    width:90vw;
    height:84vh;
    padding:34px 42px 28px;
  }

  .noticesHeader h2{
    font-size:35px;
  }

  .noticesHeader p{
    font-size:19px;
  }

  .noticesList{
    height:calc(100% - 132px);
    margin-top:20px;
    gap:14px;
  }

  .noticeItem{
    min-height:122px;
    grid-template-columns:120px 1fr;
    gap:12px;
    padding:12px;
    border-radius:16px;
  }

  .noticeImage{
    width:120px;
    height:92px;
    border-radius:12px;
  }

  .noticeTitle{
    font-size:20px;
  }

  .noticeBody{
    font-size:15px;
    -webkit-line-clamp:3;
  }

  .noticeDate{
    font-size:13px;
  }

  .noticesFooter{
    left:42px;
    right:42px;
    bottom:20px;
  }

  .noticesFooter span{
    font-size:15px;
  }

  .noticesRefresh,
  .noticesBack{
    height:42px;
    padding:0 20px;
    font-size:17px;
  }
}


/* v179: Minha Conta / vincular login VIP */
.accountModal{
  background:rgba(0,0,0,.64)!important;
  backdrop-filter:blur(2px);
  align-items:center!important;
  justify-content:center!important;
  z-index:84!important;
}

.accountCard{
  position:relative;
  width:min(1380px,94vw);
  height:min(780px,88vh);
  display:grid;
  grid-template-columns:330px 1fr;
  gap:52px;
  padding:54px 60px 46px 52px;
  color:#fff;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 8%, rgba(255,255,255,.08), transparent 20%),
    radial-gradient(circle at 87% 14%, rgba(255,180,70,.09), transparent 26%),
    linear-gradient(120deg, rgba(79,0,0,.98), rgba(36,0,0,.98) 50%, rgba(85,8,0,.98));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 30px 100px rgba(0,0,0,.72);
}

.accountClose{
  position:absolute;
  right:18px;
  top:16px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  font-size:32px;
  line-height:40px;
  font-weight:400;
  z-index:5;
}

.accountSide{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:10px 0 0;
}

.accountAvatar{
  width:142px;
  height:142px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:28px;
  background:linear-gradient(#777,#151515);
  box-shadow:0 8px 28px rgba(0,0,0,.45);
  overflow:hidden;
}

.accountAvatar span{
  width:92px;
  height:92px;
  display:block;
  position:relative;
  border-radius:50%;
  background:#fff;
}

.accountAvatar span:before{
  content:"";
  position:absolute;
  left:50%;
  top:9px;
  width:42px;
  height:42px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#f5f5f5;
}

.accountAvatar span:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:92px;
  height:52px;
  transform:translateX(-50%);
  border-radius:52px 52px 0 0;
  background:#efefef;
}

.accountSide h2{
  margin:0 0 10px;
  font-size:34px;
  line-height:1.1;
  font-weight:500;
}

.accountSide strong{
  display:block;
  min-height:28px;
  margin-bottom:44px;
  color:#fff;
  font-size:30px;
  line-height:1.05;
  font-weight:500;
}

.accountSide p{
  margin:0 auto 60px;
  max-width:280px;
  color:rgba(255,255,255,.84);
  font-size:22px;
  line-height:1.28;
  font-weight:400;
}

.accountSideBtn{
  width:280px;
  height:56px;
  margin-bottom:18px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.14));
  color:#fff;
  font-size:22px;
  font-weight:500;
  border:1px solid rgba(255,255,255,.10);
}

.accountLogout{
  display:none;
  background:linear-gradient(180deg,rgba(255,70,70,.38),rgba(120,0,0,.32));
}

.vipLogged .accountLogout{display:block;}
.vipLogged #accountLoginBtn{display:none;}

.accountOther{
  opacity:.92;
}

.accountMain{
  min-width:0;
  display:grid;
  grid-template-rows:230px auto 1fr;
  gap:26px;
}

.accountVipBanner{
  height:230px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  padding:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at center, rgba(255,214,120,.16), transparent 48%),
    linear-gradient(110deg, rgba(10,10,10,.96), rgba(26,20,12,.96));
  border:1px solid rgba(255,220,120,.24);
  box-shadow:0 14px 46px rgba(0,0,0,.45);
}

.accountCrown{
  color:#ffda79;
  font-size:82px;
  filter:drop-shadow(0 0 24px rgba(255,206,90,.35));
}

.accountVipBanner h3{
  margin:0 0 10px;
  font-size:38px;
  font-weight:500;
  color:#ffe7a9;
}

.accountVipBanner p{
  margin:0;
  font-size:21px;
  line-height:1.25;
  color:rgba(255,255,255,.76);
  font-weight:400;
}

.accountLoginBox{
  min-height:160px;
  padding:22px 24px 18px;
  border-radius:22px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.12);
}

.accountLoginBox h3{
  margin:0 0 15px;
  font-size:25px;
  font-weight:500;
}

.accountInputs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.accountInput{
  height:52px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.34);
  color:#fff;
  font-size:20px;
  font-weight:400;
  outline:none;
}

.accountInput::placeholder{
  color:rgba(255,255,255,.55);
}

.accountLoginActions{
  display:flex;
  gap:14px;
  margin-top:14px;
}

.accountEnter,
.accountBuy{
  height:48px;
  min-width:170px;
  padding:0 22px;
  border-radius:15px;
  color:#fff;
  font-size:19px;
  font-weight:500;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(90deg,#ffac28,#ff7000);
}

.accountBuy{
  background:rgba(255,255,255,.12);
}

.vipLoginStatus{
  margin:12px 0 0;
  min-height:24px;
  color:rgba(255,255,255,.72);
  font-size:17px;
  font-weight:400;
}

.vipLoginStatus.ok{color:#55ff9a;}
.vipLoginStatus.err{color:#ffb1a8;}

.accountTiles{
  display:flex;
  align-items:flex-start;
  gap:22px;
  overflow:hidden;
  padding-top:2px;
}

.accountTile{
  width:198px;
  height:142px;
  flex:0 0 198px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  border-radius:0;
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  background:rgba(255,255,255,.12);
  font-size:20px;
  font-weight:400;
}

.accountTile:nth-child(1){background:linear-gradient(135deg,#446da7,#26466d);}
.accountTile:nth-child(2){background:linear-gradient(135deg,#ec2d48,#b91426);}
.accountTile:nth-child(3){background:linear-gradient(135deg,#4a9b42,#236226);}
.accountTile:nth-child(4){background:linear-gradient(135deg,#f68a2e,#c34a1d);}

.accountTile b{
  font-size:42px;
  line-height:1;
  font-weight:400;
}

.accountTile span{
  font-size:20px;
  line-height:1.12;
  font-weight:400;
  text-align:center;
}

.accountCard .focused,
.accountCard .focusable:focus{
  outline:4px solid var(--focus)!important;
  outline-offset:3px;
}

@media (max-width:1280px), (max-height:760px){
  .accountCard{
    width:94vw;
    height:88vh;
    grid-template-columns:250px 1fr;
    gap:30px;
    padding:34px 38px 28px 34px;
  }

  .accountAvatar{
    width:106px;
    height:106px;
    margin-bottom:18px;
  }

  .accountAvatar span{
    width:70px;
    height:70px;
  }

  .accountSide h2{font-size:27px;}
  .accountSide strong{font-size:23px;margin-bottom:28px;}
  .accountSide p{font-size:17px;margin-bottom:34px;max-width:220px;}
  .accountSideBtn{width:218px;height:46px;font-size:18px;margin-bottom:12px;}

  .accountMain{
    grid-template-rows:168px auto 1fr;
    gap:18px;
  }

  .accountVipBanner{
    height:168px;
    gap:18px;
  }

  .accountCrown{font-size:58px;}
  .accountVipBanner h3{font-size:29px;}
  .accountVipBanner p{font-size:17px;}

  .accountLoginBox{
    min-height:132px;
    padding:16px 18px;
  }

  .accountLoginBox h3{font-size:21px;margin-bottom:10px;}
  .accountInput{height:44px;font-size:17px;border-radius:12px;}
  .accountEnter,.accountBuy{height:42px;font-size:16px;min-width:132px;padding:0 16px;}
  .vipLoginStatus{font-size:14px;margin-top:8px;}

  .accountTiles{gap:14px;}
  .accountTile{
    width:150px;
    height:108px;
    flex-basis:150px;
    gap:9px;
  }
  .accountTile b{font-size:31px;}
  .accountTile span{font-size:16px;}
}


/* v180: usa exatamente a imagem VIP enviada pelo usuário */
.accountVipBanner{
  padding:0!important;
  overflow:hidden!important;
  background:#000!important;
  border:1px solid rgba(255,220,120,.24)!important;
  display:block!important;
}

.accountVipBannerImg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
}

.accountCrown{
  display:none!important;
}


/* v181: proporção da conta refeita para ficar parecida com o print */
.accountCard{
  width:min(1450px,97vw)!important;
  height:min(780px,92vh)!important;
  grid-template-columns:300px 1fr!important;
  gap:34px!important;
  padding:42px 46px 34px 36px!important;
}

.accountClose{
  right:16px!important;
  top:16px!important;
}

.accountSide{
  padding-top:12px!important;
}

.accountAvatar{
  width:130px!important;
  height:130px!important;
  margin-bottom:22px!important;
}

.accountAvatar span{
  width:86px!important;
  height:86px!important;
}

.accountSide h2{
  font-size:30px!important;
  margin-bottom:10px!important;
  font-weight:500!important;
}

.accountSide strong{
  min-height:22px!important;
  margin-bottom:34px!important;
  font-size:24px!important;
  font-weight:500!important;
}

.accountSide p{
  max-width:252px!important;
  margin-bottom:42px!important;
  font-size:18px!important;
  line-height:1.28!important;
  font-weight:400!important;
}

.accountSideBtn{
  width:258px!important;
  height:52px!important;
  margin-bottom:14px!important;
  font-size:18px!important;
  font-weight:500!important;
  border-radius:28px!important;
}

.accountMain{
  grid-template-rows:210px auto 136px!important;
  gap:22px!important;
}

.accountTopRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 260px!important;
  gap:18px!important;
  min-width:0!important;
}

.accountVipBanner{
  height:210px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#080808!important;
  border:1px solid rgba(255,210,110,.24)!important;
  display:block!important;
  box-shadow:0 10px 30px rgba(0,0,0,.32)!important;
}

.accountVipBannerImg{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  background:#000!important;
}

.accountCouponCard{
  height:210px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    linear-gradient(135deg, rgba(255,70,0,.18), rgba(255,140,0,.08)),
    linear-gradient(135deg, #ad100c, #c02b12 60%, #7f120a)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:24px!important;
  color:#fff!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28)!important;
}

.accountCouponIcon{
  font-size:72px!important;
  line-height:1!important;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.25));
}

.accountCouponText{
  width:190px!important;
  height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:30px!important;
  background:rgba(70,15,10,.48)!important;
  font-size:24px!important;
  font-weight:500!important;
}

.accountLoginBox{
  min-height:0!important;
  padding:18px 22px 14px!important;
  border-radius:26px!important;
  background:rgba(40,0,0,.28)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

.accountLoginBox h3{
  margin:0 0 12px!important;
  font-size:28px!important;
  font-weight:500!important;
}

.accountInputs{
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}

.accountInput{
  height:56px!important;
  border-radius:16px!important;
  font-size:18px!important;
  font-weight:400!important;
  background:rgba(45,0,0,.48)!important;
}

.accountLoginActions{
  gap:12px!important;
  margin-top:12px!important;
}

.accountEnter,
.accountBuy{
  height:46px!important;
  min-width:168px!important;
  padding:0 20px!important;
  border-radius:16px!important;
  font-size:17px!important;
  font-weight:500!important;
}

.accountEnter{
  background:linear-gradient(90deg,#ffb534,#ff8d12)!important;
}

.accountBuy{
  background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(100,20,20,.45))!important;
}

.vipLoginStatus{
  margin-top:8px!important;
  min-height:22px!important;
  font-size:14px!important;
  line-height:1.2!important;
}

.accountTiles{
  gap:16px!important;
  padding-top:2px!important;
}

.accountTile{
  width:184px!important;
  height:136px!important;
  flex-basis:184px!important;
  gap:11px!important;
}

.accountTile b{
  font-size:36px!important;
}

.accountTile span{
  font-size:17px!important;
  font-weight:400!important;
}

@media (max-width:1280px), (max-height:760px){
  .accountCard{
    width:97vw!important;
    height:92vh!important;
    grid-template-columns:250px 1fr!important;
    gap:24px!important;
    padding:28px 30px 24px 24px!important;
  }

  .accountAvatar{
    width:108px!important;
    height:108px!important;
  }

  .accountAvatar span{
    width:72px!important;
    height:72px!important;
  }

  .accountSide h2{font-size:26px!important;}
  .accountSide strong{font-size:21px!important;margin-bottom:24px!important;}
  .accountSide p{font-size:16px!important;max-width:210px!important;margin-bottom:28px!important;}
  .accountSideBtn{width:220px!important;height:46px!important;font-size:17px!important;}

  .accountMain{
    grid-template-rows:172px auto 108px!important;
    gap:16px!important;
  }

  .accountTopRow{
    grid-template-columns:minmax(0,1fr) 210px!important;
    gap:14px!important;
  }

  .accountVipBanner,
  .accountCouponCard{
    height:172px!important;
  }

  .accountCouponIcon{font-size:54px!important;}
  .accountCouponText{width:150px!important;height:44px!important;font-size:20px!important;}

  .accountLoginBox h3{font-size:22px!important;}
  .accountInput{height:46px!important;font-size:16px!important;}
  .accountEnter,.accountBuy{height:40px!important;font-size:15px!important;min-width:132px!important;}

  .accountTile{
    width:146px!important;
    height:108px!important;
    flex-basis:146px!important;
  }
  .accountTile b{font-size:29px!important;}
  .accountTile span{font-size:15px!important;}
}


/* v182: banner VIP sem faixas pretas laterais */
.accountVipBanner{background:#000!important;}
.accountVipBannerImg{object-fit:cover!important;object-position:center 58%!important;background:#000!important;}


/* v183: boneco e cards exatamente como os prints enviados */
#app:not(.vipLogged) .accountVisitorRef{display:block!important;width:100%;height:270px;background:url('./assets/account_visitor_ref.png') center top / contain no-repeat;margin:0 0 22px;}
.vipLogged .accountVisitorRef{display:none!important;}
#app:not(.vipLogged) .accountAvatar,
#app:not(.vipLogged) #accountTitle,
#app:not(.vipLogged) #accountUserLabel{display:none!important;}
#app:not(.vipLogged) .accountSide{padding-top:4px!important;}
#app:not(.vipLogged) .accountSide p{margin-top:2px!important;}

.accountTiles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important;padding-top:0!important;}
.accountTile{width:100%!important;flex-basis:auto!important;height:auto!important;aspect-ratio:275 / 246!important;border:none!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center center!important;color:transparent!important;font-size:0!important;position:relative;overflow:visible!important;}
.accountTile b,.accountTile span{display:none!important;}
.accountTile:nth-child(1){background-image:url('./assets/account_tile_ref_1.png');}
.accountTile:nth-child(2){background-image:url('./assets/account_tile_ref_2.png');}
.accountTile:nth-child(3){background-image:url('./assets/account_tile_ref_3.png');}
.accountTile:nth-child(4){background-image:url('./assets/account_tile_ref_4.png');}
.accountTile.focused,.accountTile:focus{outline:4px solid var(--focus)!important;outline-offset:3px!important;}

@media (max-width:1280px), (max-height:760px){
  #app:not(.vipLogged) .accountVisitorRef{height:220px!important;margin-bottom:14px!important;}
  .accountTiles{gap:16px!important;}
}


/* v184: reduzir tela de conta que ficou grande demais */
.accountCard{
  width:min(1360px,95vw)!important;
  height:min(720px,86vh)!important;
  grid-template-columns:290px 1fr!important;
  gap:28px!important;
  padding:28px 30px 24px 28px!important;
}

.accountClose{
  right:12px!important;
  top:10px!important;
  width:40px!important;
  height:40px!important;
  font-size:28px!important;
  line-height:36px!important;
}

#app:not(.vipLogged) .accountVisitorRef{
  height:185px!important;
  margin:0 0 12px!important;
}

#app:not(.vipLogged) .accountSide{
  padding-top:2px!important;
}

#app:not(.vipLogged) .accountSide p{
  max-width:235px!important;
  margin:0 auto 24px!important;
  font-size:16px!important;
  line-height:1.24!important;
}

.accountSideBtn{
  width:236px!important;
  height:46px!important;
  margin-bottom:10px!important;
  font-size:16px!important;
  border-radius:24px!important;
}

.accountMain{
  grid-template-rows:168px auto 178px!important;
  gap:16px!important;
}

.accountTopRow{
  grid-template-columns:minmax(0,1fr) 220px!important;
  gap:16px!important;
}

.accountVipBanner,
.accountCouponCard{
  height:168px!important;
}

.accountCouponIcon{
  font-size:54px!important;
}

.accountCouponText{
  width:164px!important;
  height:44px!important;
  font-size:18px!important;
}

.accountLoginBox{
  padding:14px 18px 12px!important;
  border-radius:22px!important;
}

.accountLoginBox h3{
  margin:0 0 10px!important;
  font-size:24px!important;
}

.accountInput{
  height:48px!important;
  border-radius:14px!important;
  font-size:17px!important;
}

.accountEnter,
.accountBuy{
  height:40px!important;
  min-width:150px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  font-size:16px!important;
}

.vipLoginStatus{
  margin-top:6px!important;
  font-size:13px!important;
}

.accountTiles{
  grid-template-columns:repeat(4, 180px)!important;
  justify-content:start!important;
  gap:18px!important;
}

.accountTile{
  width:180px!important;
  aspect-ratio:275 / 246!important;
  height:auto!important;
}

@media (max-width:1280px), (max-height:760px){
  .accountCard{
    width:95vw!important;
    height:84vh!important;
    grid-template-columns:250px 1fr!important;
    gap:20px!important;
    padding:22px 22px 18px 20px!important;
  }

  #app:not(.vipLogged) .accountVisitorRef{
    height:160px!important;
    margin-bottom:8px!important;
  }

  #app:not(.vipLogged) .accountSide p{
    max-width:205px!important;
    margin-bottom:18px!important;
    font-size:14px!important;
  }

  .accountSideBtn{
    width:205px!important;
    height:40px!important;
    font-size:15px!important;
  }

  .accountMain{
    grid-template-rows:146px auto 152px!important;
    gap:12px!important;
  }

  .accountTopRow{
    grid-template-columns:minmax(0,1fr) 190px!important;
    gap:12px!important;
  }

  .accountVipBanner,
  .accountCouponCard{
    height:146px!important;
  }

  .accountCouponIcon{font-size:46px!important;}
  .accountCouponText{width:136px!important;height:38px!important;font-size:16px!important;}

  .accountLoginBox h3{font-size:20px!important;}
  .accountInput{height:42px!important;font-size:15px!important;}
  .accountEnter,.accountBuy{height:36px!important;font-size:14px!important;min-width:126px!important;}

  .accountTiles{
    grid-template-columns:repeat(4, 154px)!important;
    gap:14px!important;
  }

  .accountTile{
    width:154px!important;
  }
}


/* v185: corrige o banner superior VIP para aparecer inteiro */
.accountVipBanner{
  background:#000!important;
}

.accountVipBannerImg{
  object-fit:cover!important;
  object-position:center center!important;
  background:#000!important;
}


/* v186: enquadrar totalmente o texto "Seja um membro VIP" */
.accountTopRow{
  grid-template-columns:minmax(0,1fr) 220px!important;
}

.accountVipBanner,
.accountCouponCard{
  height:176px!important;
}

.accountVipBanner{
  background:#000!important;
  overflow:hidden!important;
}

.accountVipBannerImg{
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center center!important;
  display:block!important;
  background:#000!important;
}

@media (max-width:1280px), (max-height:760px){
  .accountTopRow{
    grid-template-columns:minmax(0,1fr) 190px!important;
  }

  .accountVipBanner,
  .accountCouponCard{
    height:154px!important;
  }

  .accountVipBannerImg{
    object-fit:fill!important;
  }
}


/* v187: deixa o banner 'Seja um membro VIP' mais estreito */
.accountTopRow{
  grid-template-columns:760px 220px!important;
  justify-content:start!important;
  gap:16px!important;
}

.accountVipBanner{
  width:760px!important;
  max-width:760px!important;
}

.accountVipBannerImg{
  object-fit:fill!important;
  object-position:center center!important;
}

@media (min-width:1500px){
  .accountTopRow{
    grid-template-columns:780px 240px!important;
    gap:18px!important;
  }

  .accountVipBanner{
    width:780px!important;
    max-width:780px!important;
  }
}

@media (max-width:1280px), (max-height:760px){
  .accountTopRow{
    grid-template-columns:620px 190px!important;
    gap:12px!important;
  }

  .accountVipBanner{
    width:620px!important;
    max-width:620px!important;
  }
}


/* v188: conta igual ao print + rolagem para histórico e favoritos */
.accountCard{
  width:min(1520px,96vw)!important;
  height:min(760px,88vh)!important;
  align-items:start!important;
  overflow:hidden!important;
}

.accountSide{
  align-self:start!important;
}

.accountMain{
  display:block!important;
  min-width:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:calc(88vh - 48px)!important;
  padding-right:8px!important;
}

.accountMain::-webkit-scrollbar{
  width:10px;
}
.accountMain::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18);
  border-radius:9px;
}

.accountTopRow{
  display:grid!important;
  grid-template-columns:760px 220px!important;
  justify-content:start!important;
  gap:16px!important;
  margin-bottom:20px!important;
}

.accountVipBanner{
  width:760px!important;
  max-width:760px!important;
  height:180px!important;
}

.accountCouponCard{
  width:220px!important;
  height:180px!important;
}

.accountLoginBox{
  display:none!important;
  margin-bottom:20px!important;
}

.accountCard.showLogin .accountLoginBox{
  display:block!important;
}

.accountTiles{
  display:grid!important;
  grid-template-columns:repeat(4, 1fr)!important;
  gap:18px!important;
  padding-top:0!important;
  margin-bottom:34px!important;
}

.accountTile{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
}

.accountHistorySection,
.accountFavSection{
  margin-bottom:32px!important;
}

.accountHistorySection h3,
.accountFavSection h3{
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:28px!important;
  font-weight:500!important;
  line-height:1.1!important;
}

.accountHistoryRow{
  display:grid!important;
  grid-template-columns:repeat(5, 1fr)!important;
  gap:18px!important;
}

.accountHistoryItem,
.accountMoreCard{
  background:transparent!important;
  border:none!important;
  color:#fff!important;
  padding:0!important;
  text-align:left!important;
}

.accountHistoryPoster{
  width:100%!important;
  aspect-ratio:200 / 290!important;
  background:#6f1a15!important;
  overflow:hidden!important;
  box-shadow:0 6px 16px rgba(0,0,0,.24)!important;
}

.accountHistoryPoster img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.accountHistoryTitle{
  margin-top:10px!important;
  font-size:17px!important;
  line-height:1.1!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.accountMoreCard .accountHistoryPoster{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg, #65b2ff, #4d8fe5)!important;
}

.accountMoreIcon{
  font-size:70px!important;
  line-height:1!important;
  color:#fff!important;
  margin-bottom:12px!important;
}

.accountMoreText{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  text-align:center!important;
}

.accountFavRow{
  display:flex!important;
  gap:22px!important;
  flex-wrap:wrap!important;
}

.accountFavCard{
  width:300px!important;
  height:150px!important;
  padding:0!important;
  border:none!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#34b5ed 0%, #2589d7 62%, #1b4f8e 62%, #1b4f8e 100%)!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
}

.accountFavIcon{
  font-size:44px!important;
  line-height:1!important;
}

.accountFavLabel{
  font-size:20px!important;
  font-weight:500!important;
}

.accountHistoryItem.focused .accountHistoryPoster,
.accountMoreCard.focused .accountHistoryPoster,
.accountFavCard.focused,
.accountHistoryItem:focus .accountHistoryPoster,
.accountMoreCard:focus .accountHistoryPoster,
.accountFavCard:focus{
  outline:4px solid var(--focus)!important;
  outline-offset:3px!important;
}

@media (max-width:1280px), (max-height:760px){
  .accountMain{
    max-height:calc(84vh - 42px)!important;
    padding-right:6px!important;
  }

  .accountTopRow{
    grid-template-columns:620px 190px!important;
    gap:12px!important;
    margin-bottom:16px!important;
  }

  .accountVipBanner{
    width:620px!important;
    max-width:620px!important;
    height:156px!important;
  }

  .accountCouponCard{
    width:190px!important;
    height:156px!important;
  }

  .accountTiles{
    gap:14px!important;
    margin-bottom:24px!important;
  }

  .accountHistorySection h3,
  .accountFavSection h3{
    font-size:22px!important;
    margin-bottom:14px!important;
  }

  .accountHistoryRow{
    gap:14px!important;
  }

  .accountHistoryTitle{
    font-size:15px!important;
  }

  .accountFavCard{
    width:250px!important;
    height:126px!important;
  }

  .accountFavIcon{
    font-size:36px!important;
  }

  .accountFavLabel{
    font-size:18px!important;
  }
}


/* v189: remove cupom, cores mais fortes, scroll sem barra */
.accountCard{
  background:linear-gradient(180deg, rgba(128,6,2,.97) 0%, rgba(106,0,0,.97) 100%)!important;
  border:1px solid rgba(255,180,90,.28)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.38)!important;
}

.accountMain{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}

.accountMain::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

.accountTopRow{
  grid-template-columns:minmax(0, 1fr)!important;
  justify-content:start!important;
}

.accountCouponCard{
  display:none!important;
}

.accountVipBanner{
  width:100%!important;
  max-width:none!important;
  height:186px!important;
  border:1px solid rgba(255,195,110,.22)!important;
  filter:saturate(1.10) contrast(1.08)!important;
}

.accountSideBtn{
  background:linear-gradient(180deg, rgba(190,150,150,.86) 0%, rgba(145,94,94,.9) 42%, rgba(96,32,32,.95) 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}

.accountSideBtn.focused,
.accountSideBtn:focus{
  box-shadow:0 0 0 4px rgba(255,194,77,.9)!important;
}

.accountTile{
  filter:saturate(1.18) contrast(1.08)!important;
}

.accountHistoryPoster,
.accountMoreCard .accountHistoryPoster,
.accountFavCard{
  filter:saturate(1.16) contrast(1.06)!important;
}

.accountHistorySection h3,
.accountFavSection h3,
.accountLoginBox h3{
  color:#fff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.18)!important;
}

.accountLoginBox{
  background:linear-gradient(180deg, rgba(112,6,2,.80) 0%, rgba(88,0,0,.76) 100%)!important;
  border:1px solid rgba(255,210,120,.16)!important;
}

.accountInput{
  background:rgba(70,0,0,.72)!important;
  border:1px solid rgba(255,168,60,.20)!important;
  color:#fff!important;
}

.accountEnter{
  background:linear-gradient(180deg,#ffbf3b 0%, #ff9d1e 100%)!important;
  color:#fff!important;
}

.accountBuy{
  background:linear-gradient(180deg,#8b3a42 0%, #6b1f25 100%)!important;
  color:#fff!important;
}

.accountFavCard{
  background:linear-gradient(180deg,#3cc6f4 0%, #2a93e2 60%, #1b5694 60%, #1b5694 100%)!important;
}

.accountMoreCard .accountHistoryPoster{
  background:linear-gradient(180deg, #6ab8ff, #4e90e8)!important;
}

@media (max-width:1280px), (max-height:760px){
  .accountVipBanner{
    height:160px!important;
  }
}

/* v197 - TV lista completa com 7 canais abertos e demais bloqueados */
.channelItem .tvAccessBadge{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  min-width:54px;
  height:24px;
  line-height:24px;
  padding:0 8px;
  border-radius:14px;
  font-size:12px;
  font-weight:900;
  text-align:center;
  letter-spacing:.4px;
  pointer-events:none;
  box-shadow:0 2px 10px rgba(0,0,0,.35);
}
.channelItem .tvAccessBadge.free{
  background:rgba(0,228,154,.22);
  border:1px solid rgba(0,228,154,.85);
  color:#b8ffe8;
}
.channelItem .tvAccessBadge.locked{
  background:rgba(255,177,59,.20);
  border:1px solid rgba(255,177,59,.90);
  color:#ffe0a6;
}
.channelItem.vipLockedChannel .title{padding-right:74px;opacity:.92}
.channelItem.freeAllowedChannel .title{padding-right:82px}
.channelItem.vipLockedChannel:not(.focused):not(.active){background:rgba(39,0,0,.42)}
.liveSideRow.vipLockedChannel .liveSideMeta em{color:#ffd898!important}
.liveSideRow.freeAllowedChannel .liveSideMeta em{color:#b8ffe8!important}
.liveSideRow .liveSidePlay{font-size:12px!important;font-weight:900!important;min-width:46px!important;text-align:center!important}


/* v198 - modo WEB normal: permite mouse/scroll no navegador sem quebrar TV Box */
@media (pointer:fine) {
  .tab, .circle, [data-action], .channelItem, .vodCard, .resultItem, .searchKey, .searchRefresh, .suggestCard, .liveSideRow, .liveSideRailItem { cursor:pointer; }
  .list { overflow-y:auto !important; overflow-x:hidden !important; scrollbar-width:thin; }
  .posterRow, .suggestRow { overflow-x:auto !important; overflow-y:hidden !important; scrollbar-width:thin; }
  .channelItem:hover, .tab:hover, .circle:hover, .vodCard:hover { filter:brightness(1.14); }
}
@media (max-width: 1200px) {
  .topbar{padding-left:28px;padding-right:28px}
  .mainTabs{left:36px;right:36px}
  .content{left:36px;right:36px;gap:28px;grid-template-columns:360px 1fr}
  .tab{font-size:clamp(24px,3vw,38px);padding-left:10px;padding-right:10px}
}


/* v199: mensagem VIP centralizada no player e sem rótulo VIP ao lado do canal */
.playerFrame.vipLocked .playerEmpty{
  justify-content:center;
  align-items:center;
  gap:22px;
  padding:0 8%;
}
.playerFrame.vipLocked .playerEmpty h3{
  display:none;
}
.playerFrame.vipLocked .playerEmpty p{
  max-width:980px;
  font-size:28px;
  line-height:1.32;
  color:#fff;
  font-weight:800;
  text-align:center;
  margin:0;
  text-shadow:0 2px 14px rgba(0,0,0,.7);
}
.playerFrame.vipLocked .playerEmpty .bigPlay{
  display:block;
  margin:0 auto 4px;
  width:98px;
  height:98px;
}
.playerFrame.vipLocked .playerEmpty .bigPlay:before{
  left:37px;
  top:24px;
}
.tvAccessBadge.locked{
  display:none !important;
}


/* v200: canais VIP simulam início com tela negra antes do aviso */
.playerFrame.vipStarting{
  background:#000 !important;
}
.playerFrame.vipStarting video{
  opacity:0 !important;
}
.playerFrame.vipStarting .playerLoading{
  display:flex !important;
  background:#000 !important;
  z-index:6;
}
.playerFrame.vipStarting .playerLoading h3{
  color:#fff;
}
.playerFrame.vipStarting .playerLoading p{
  color:rgba(255,255,255,.82);
}
.playerFrame.vipStarting .playerEmpty{
  display:none !important;
}
.playerFrame.vipLocked video{
  opacity:0 !important;
  filter:none !important;
}
.playerFrame.vipLocked .playerEmpty{
  background:#000 !important;
}


/* v201: 2s de tela preta antes de mostrar a mensagem não VIP */
.playerFrame.vipStarting{
  background:#000 !important;
}
.playerFrame.vipStarting video,
.playerFrame.vipStarting .playerLoading,
.playerFrame.vipStarting .playerEmpty,
.playerFrame.vipStarting .liveOsd,
.playerFrame.vipStarting .p2pStats{
  opacity:0 !important;
  visibility:hidden !important;
}
.playerFrame.vipStarting .p2pStatsToggle{
  display:none !important;
}
.playerFrame.vipLocked .playerEmpty p{
  max-width:920px;
}


/* v202: player completo no menu TV, igual ao estilo do print */
.liveOsd{
  min-height:142px;
  padding:16px 24px 14px 24px;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.62) 14%, rgba(0,0,0,.88) 32%, rgba(0,0,0,.94) 100%);
}
.liveOsdInfo{
  grid-template-columns:86px minmax(260px,1fr) minmax(170px,.7fr) 170px;
  gap:16px;
}
.liveOsdInfo img{
  width:76px;
  height:58px;
  background:transparent;
}
.liveOsdText strong{
  font-size:27px;
  line-height:30px;
  max-width:620px;
}
.liveOsdText span{
  margin-top:6px;
  font-size:16px;
}
.liveOsdText span b{
  color:#ff222f;
  font-weight:900;
}
.liveOsdNext{
  justify-content:center;
  font-size:17px;
  color:#d0d0d0;
}
.liveOsdRight{
  font-size:18px;
  line-height:22px;
}
.liveOsdRight strong{
  font-size:19px;
  font-weight:700;
}
.liveOsdProgress{
  height:5px;
  margin:10px 148px 12px 92px;
  background:rgba(255,255,255,.92);
}
.liveOsdProgress b{
  background:#e61e28;
}
.liveOsdControls{
  gap:14px;
  padding-left:92px;
  min-height:38px;
}
.liveOsdButton{
  height:34px;
  min-width:36px;
  padding:0 8px;
  color:#f4f4f4;
}
.liveOsdButton span,
.liveOsdButton em{
  font-size:15px;
  font-weight:700;
}
.liveOsdTextBtn{
  color:#ffb300;
  font-size:18px;
  font-weight:900;
  min-width:48px;
}
.liveOsdRound{
  width:38px;
  min-width:38px;
  height:38px;
  background:rgba(220,224,230,.92);
  font-size:18px;
}
#playerFrame.fullscreenActive .liveOsd,
#playerFrame:fullscreen .liveOsd,
#playerFrame:-webkit-full-screen .liveOsd{
  min-height:160px;
}
@media (max-width:1280px), (max-height:760px){
  .liveOsd{min-height:112px;padding:10px 14px 10px 14px;}
  .liveOsdInfo{grid-template-columns:72px minmax(170px,1fr) minmax(120px,.55fr) 120px;gap:10px;}
  .liveOsdText strong{font-size:20px;line-height:23px;max-width:420px;}
  .liveOsdProgress{margin:7px 118px 8px 82px;}
  .liveOsdControls{padding-left:82px;gap:9px;}
}


/* v203: player TV bloqueado também mostra OSD completa com todos os submenus */
.playerFrame.vipLocked .liveOsd{
  display:block !important;
  z-index:10;
}
.playerFrame.vipLocked .liveOsd .liveOsdControls{
  display:flex !important;
}
.playerFrame.vipLocked .liveOsd .liveOsdProgress{
  display:block !important;
}
.playerFrame.vipLocked .liveOsdButton,
.playerFrame.vipLocked .liveOsdRound,
.playerFrame.vipLocked .liveOsdTextBtn{
  opacity:1;
}
.playerFrame.vipLocked .liveOsdNext em{
  color:#f0f0f0;
}
.playerFrame.vipLocked .liveOsdRight,
.playerFrame.vipLocked .liveOsdText span,
.playerFrame.vipLocked .liveOsdButton span,
.playerFrame.vipLocked .liveOsdButton em{
  color:#e8e8e8;
}
.playerFrame.vipLocked .liveOsdText strong{
  color:#fff;
}
.playerFrame.vipLocked .liveOsdText span b{
  color:#ff2835;
}
.playerFrame.vipStarting .liveOsd{
  display:none !important;
}


/* v204: dois cliques no player/nome do canal abrem tela cheia */
#playerFrame,
#currentChannelName,
#liveOsdTitle,
.channelItem[data-index] .title{
  cursor:pointer;
}


/* v205: estabilização do player para evitar piscadas/travadas */
.playerFrame video{
  backface-visibility:hidden;
  transform:translateZ(0);
  will-change:auto;
}
.liveOsd,
.liveOsd *{
  backface-visibility:hidden;
}
.liveOsdProgress b{
  transition:none !important;
}
.playerFrame.fullscreenActive .focused,
#playerFrame:fullscreen .focused,
#playerFrame:-webkit-full-screen .focused{
  outline-offset:1px !important;
}


/* v206: evita repaint pesado do player */
.playerFrame video{
  backface-visibility:hidden;
  transform:translateZ(0);
}
.playerFrame .liveOsd,
.playerFrame .epgBar{
  backface-visibility:hidden;
  transform:translateZ(0);
}


/* v211: stats clicável sem interferir no player */
.p2pStatsToggle{
  z-index:30!important;
  pointer-events:auto!important;
}
.p2pStats{
  z-index:29!important;
  pointer-events:auto!important;
}
.playerFrame.vipLocked .p2pStats,
.playerFrame.vipStarting .p2pStats{
  display:none!important;
}