/* ===== Hero compacto no celular ===== */
@media(max-width:699px){
.hero,.hero.hero-canais{height:clamp(280px,44dvh,380px)}
.hero-conteudo{padding:calc(64px + var(--st)) var(--px) 38px;gap:12px}
.hero-slide.canal .hero-conteudo{padding-bottom:88px;gap:10px}
.hero-texto{gap:8px}
.hero-bg{background-position:center 18%}
.hero-titulo{font-size:1.45rem;line-height:1.05;-webkit-line-clamp:2}
.hero-sinopse,.hero-slide.canal .hero-sinopse{display:none}
.hero-tags{font-size:.7rem}
.hero-botoes{margin-top:2px;gap:8px}
.btn-hero-play,.btn-hero-info{height:40px;padding:0 18px;font-size:.85rem}
.hero-botoes>.btn-hero-fav,.btn-hero-fav{width:40px;height:40px;flex:0 0 40px;font-size:1.4rem}
.hero-dots{bottom:14px}
.hero-slide.canal .hero-poster.logo-canal{width:64px;border-radius:18px}
.hero-rail.canal{bottom:8px;padding-top:2px;padding-bottom:2px}
.hero-rail.canal .hero-thumb{width:62px;padding:5px 3px 4px}
.thumb-img{width:32px;height:32px}
#heroSecao:not([style*="none"])+.menu-wrapper{margin-top:-28px}
}
@media(max-width:699px) and (orientation:landscape){
.hero,.hero.hero-canais{height:calc(100dvh - 56px);min-height:240px}
}