:root{--bg:#141414;--s1:#1f1f1f;--s2:#2b2b2b;--ln:#333;--canal:104px}
@media(min-width:700px){:root{--canal:132px}}
@media(min-width:1100px){:root{--canal:150px}}
#telaMenu{background:#141414}
.site-header{position:fixed;top:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,.85),transparent);border:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .3s}
.site-header.solido,.site-header:has(.busca-barra.aberta){background:#141414}
.hero{width:100%;max-width:none;margin:0;border-radius:0;align-self:stretch;height:clamp(480px,80dvh,760px)}
.hero-grad{background:linear-gradient(to top,#141414 2%,rgba(20,20,20,.35) 40%,rgba(20,20,20,.5)),linear-gradient(to right,rgba(20,20,20,.85),transparent 65%)}
.hero-slide .hero-poster:not(.logo-canal){display:none}
.hero-titulo{font-size:clamp(2.1rem,3.4vw + 1rem,4.4rem);font-weight:800;line-height:1}
.hero-conteudo{padding-bottom:84px}.hero-slide.canal .hero-conteudo{padding-bottom:112px}
.btn-hero-play{background:#fff;color:#000;box-shadow:none;border-radius:6px;height:48px}
.btn-hero-info{background:rgba(109,109,110,.7);border:0;border-radius:6px;height:48px;backdrop-filter:none}
.btn-hero-play:hover{background:rgba(255,255,255,.78);filter:none}.btn-hero-info:hover{background:rgba(109,109,110,.5)}
.hero-dots{left:auto;right:var(--px);bottom:26px;display:flex}
@media(min-width:900px){.hero-dots{display:flex}.hero-rail.midia{display:none}}
#heroSecao[style*="none"]+.menu-wrapper{padding-top:calc(92px + var(--st))}
#heroSecao:not([style*="none"])+.menu-wrapper{margin-top:-56px;position:relative;z-index:2}
.atalhos{display:none}
#secaoInicio{gap:26px}
.secao-titulo::before{display:none}
.faixa .secao-titulo{font-size:clamp(1.05rem,.6vw + 1rem,1.35rem);font-weight:700}
.ver-tudo{border:0;background:none;padding:0;color:var(--mu);font-size:.85rem}.ver-tudo::after{color:#fff}
.trilho{padding:16px var(--px) 20px;margin-top:-8px;margin-bottom:-8px}
.trilho-wrap{position:relative}
.trilho-seta{display:none;position:absolute;top:16px;bottom:20px;width:var(--px);border:0;background:rgba(20,20,20,.65);color:#fff;font-size:1.8rem;cursor:pointer;z-index:6;opacity:0;transition:opacity .2s}
.trilho-seta.esq{left:calc(var(--px)*-1)}.trilho-seta.dir{right:calc(var(--px)*-1)}
@media(hover:hover) and (min-width:768px){.trilho-seta{display:block}.trilho-wrap:hover .trilho-seta{opacity:1}}
.card-poster{border-radius:6px;transition:transform .25s,box-shadow .25s}
.card-poster::after,.card-play{display:none}
.card-info{position:absolute;inset:auto 0 0;z-index:1;padding:38px 9px 9px;background:linear-gradient(transparent,rgba(0,0,0,.92))}
.card-info .card-titulo{font-size:.82rem;font-weight:700;color:#fff}
.card-info .card-sub{margin:3px 0 0;font-size:.7rem;font-weight:700;color:#46d369}
.tag-hd{bottom:auto;top:7px;right:7px;background:var(--rd);border-radius:3px}
@media(hover:hover){.card-info{opacity:0;transition:opacity .2s}
.card-item:hover .card-poster{transform:scale(1.07);box-shadow:0 16px 34px rgba(0,0,0,.75);z-index:5}
.card-item:hover .card-info,.card-item:focus-visible .card-info{opacity:1}}
#gradeCanaisContainer{grid-template-columns:repeat(auto-fill,minmax(calc(var(--canal)*1.5),1fr))}
.trilho>.card-canal-item{flex:0 0 calc(var(--canal)*1.5)}
.card-canal-item{position:relative;aspect-ratio:16/10;flex-direction:column;justify-content:center;gap:8px;padding:10px;border:0;border-radius:6px;text-align:center;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);transition:transform .25s,box-shadow .25s}
.card-canal-item::after{display:none}
.card-canal-item:hover{background:linear-gradient(145deg,#333,#1f1f1f)}
@media(hover:hover){.card-canal-item:hover{transform:scale(1.06);box-shadow:0 14px 30px rgba(0,0,0,.7);z-index:5}}
.card-canal-logo-box{width:44%;height:auto;aspect-ratio:1;padding:0;background:none}
.card-canal-item .card-titulo{font-size:.76rem;-webkit-line-clamp:1;width:100%;text-align:center}
.canal-num{position:absolute;top:8px;left:10px;font-size:.66rem}
.btn-assistir{background:#fff;color:#000;box-shadow:none;border-radius:6px}.btn-favoritar{border-radius:6px}
.btn-pagina{border-radius:6px}.btn-pagina.ativo{background:var(--rd)}
.rodape-site{background:#0e0e0e}
@media(max-width:1023px){.nav-principal{background:rgba(20,20,20,.97);border-top:1px solid #2a2a2a}.btn-aba.ativo{background:none}}
@media(min-width:768px) and (max-width:1023px){
.nav-principal{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav) + var(--sb));padding:0 0 var(--sb);margin:0;gap:0;overflow:visible}
.btn-aba{flex:1 1 0;flex-direction:column;gap:4px;padding:0;font-size:.7rem;border-radius:0}
.btn-aba svg{display:block}
.btn-aba.ativo::before{top:0;bottom:auto;left:28%;right:28%;border-radius:0 0 3px 3px}
.header-inner{min-height:58px}.logo{height:58px;margin-right:auto}
.rodape-site{padding-bottom:calc(28px + var(--nav) + var(--sb))}}
@media(min-width:1024px){
.btn-aba svg{display:none}
.btn-aba{padding:8px 12px;font-size:.9rem;border-radius:6px}
.btn-aba:hover{background:none;color:#fff}
.btn-aba.ativo{background:none;color:#fff;font-weight:800}.btn-aba.ativo::before{display:none}
.busca-barra{flex:0 1 240px}}
.top-item{flex:0 0 auto;display:flex;align-items:flex-end;scroll-snap-align:start}
.top-item .card-item{width:var(--card);flex:none;position:relative;z-index:1}
.top-n{font-size:calc(var(--card)*.95);font-weight:800;line-height:.78;color:#141414;-webkit-text-stroke:3px #6b6b6b;letter-spacing:-.08em;margin-right:-.1em;padding-bottom:4px;position:relative;z-index:0}
.hero{height:clamp(480px,80vh,760px);height:clamp(480px,80dvh,760px)}
.hero.hero-canais{height:clamp(520px,82vh,780px);height:clamp(520px,82dvh,780px)}
.modal-conteudo{max-height:90vh;max-height:90dvh}
@media(min-width:1024px) and (max-width:1279px){.busca-barra{flex:0 1 180px}.header-inner{column-gap:16px}}
@media(max-width:699px){.hero-slide.canal .hero-sinopse{display:none}.hero-slide.canal .hero-poster.logo-canal{width:84px}}
@media(max-width:480px){.hero-botoes{width:100%}.hero-botoes>button{flex:1 1 0;padding:0 12px}}
@media(max-width:380px){.btn-aba{font-size:.56rem}.btn-aba svg{width:18px;height:18px}.hero-titulo{font-size:1.9rem}}
@media(max-width:340px){:root{--card:92px;--canal:92px}}
@media(min-width:1920px){html{font-size:clamp(18px,.5vw + 8px,26px)}:root{--mw:1900px;--card:200px;--canal:170px}
.hero,.hero.hero-canais{height:clamp(560px,76vh,1100px)}}
@media(min-width:2560px){:root{--mw:2400px;--card:240px;--canal:200px}}
@media(orientation:landscape) and (max-height:520px){
:root{--px:max(20px,env(safe-area-inset-left),env(safe-area-inset-right))}
.hero,.hero.hero-canais{height:calc(100vh - 56px);height:calc(100dvh - 56px);min-height:240px}
.hero-conteudo,.hero-slide.canal .hero-conteudo{padding-bottom:64px}
.hero-slide.canal .hero-conteudo{flex-direction:row;align-items:flex-end;justify-content:space-between}
.hero-titulo{font-size:1.6rem}}
.hero-conteudo{top:0;padding-top:calc(84px + var(--st))}
.hero-titulo{font-size:clamp(1.7rem,min(3.4vw + 1rem,8vh),4.4rem);-webkit-line-clamp:2}
@media(max-height:780px){.hero-sinopse{display:none}}
#heroSecao.hero-canais+.menu-wrapper{margin-top:0}
