/* ===== Atalhos em chips (página inicial) ===== */
.atalhos{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--px)*-1);padding:2px var(--px)}
.atalhos::-webkit-scrollbar{display:none}
.atalho{flex:0 0 auto;flex-direction:row;gap:8px;padding:8px 16px;border-radius:99px;font-size:.85rem;background:var(--s1)}
.atalho i{width:auto;height:auto;background:none;font-size:1.1rem;border-radius:0}

/* ===== Hero melhorado ===== */
.hero-kick{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffc95c;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.hero-slide.ativo .hero-bg:not(.blur):not(.sem-img):not(.canal-bg){animation:kb 10s ease-out both}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.07)}}
.hero-slide.sem-bg .hero-bg.blur{filter:blur(28px) saturate(1.3);transform:scale(1.25);opacity:.6}
@media(min-width:700px){.hero-slide.sem-bg .hero-poster:not(.logo-canal){display:flex;width:clamp(150px,14vw,240px)}}
.btn-hero-fav{width:48px;height:48px;flex:0 0 auto;border-radius:6px;border:0;background:rgba(109,109,110,.7);color:#fff;font-size:1.6rem;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}
.btn-hero-fav:hover{background:rgba(109,109,110,.5)}
.btn-hero-fav.on{background:#fff;color:#000;font-weight:700}
.btn-hero-fav:active{transform:scale(.94)}
.hero-botoes>.btn-hero-fav{flex:0 0 48px;padding:0}
.hero-thumb{position:relative}
.hero-rail.midia .hero-thumb.ativo::after,.hero-rail.canal .hero-thumb.ativo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad);transform-origin:left;animation:prog 7s linear forwards}
.hero.pausado .hero-dot.ativo::after,.hero.pausado .hero-thumb.ativo::after{animation-play-state:paused}
@media(min-width:900px) and (min-height:521px){
.hero-dots{display:none}
.hero-rail.midia{display:flex;justify-content:flex-end;bottom:22px}
.hero-rail.midia .hero-thumb{width:58px;height:86px;border-radius:6px}
.hero-conteudo{padding-bottom:132px}
.hero-slide.canal .hero-conteudo{padding-bottom:132px}}

/* ===== Botão "Ver tudo" no estilo do hero ===== */
.ver-tudo{height:36px;padding:0 16px;border:0;border-radius:6px;background:rgba(109,109,110,.7);color:#fff;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;transition:background .2s,transform .15s}
.ver-tudo::after{content:"›";margin:0;color:#fff;font-size:1.2em;line-height:1}
.ver-tudo:hover{background:rgba(109,109,110,.5);text-decoration:none}
.ver-tudo:active{transform:scale(.96)}
.secao-cab{align-items:center}