/* Vale: ajustes de celular (carregado depois de main.css). */
@media (max-width: 767px) {
  /* barra do topo sempre com fundo: ícones nunca ficam sobre as fotos */
  .topbar__bg { opacity: 1; box-shadow: 0 1px 0 rgba(0,0,0,.06); }
  .nav-open .topbar__bg { opacity: 0; }
  .topbar { padding: 0 8px 0 20px; }
  .topbar__logo { width: 28px; height: 28px; }
  .topbar__controls { gap: 4px; }
  .topbar__sound { width: 44px; height: 44px; padding: 8px; }
  .burger { min-width: 44px; min-height: 44px; }
  .lang a { display: inline-block; padding: 12px 6px; }

  /* "voltar ao topo" some no celular: o gesto de rolar já resolve */
  .to-top { display: none; }

  /* rótulos pequenos ficam legíveis */
  small, .t-small, [class*="__cat"], [class*="__meta"], [class*="__type"] { font-size: 13px !important; line-height: 1.4; }

  /* rodapé compacto */
  .site-footer__cols { gap: 22px; }
  .site-footer__col-title { margin-bottom: 6px; opacity: .6; }
  .site-footer__col a { display: inline-block; padding: 5px 0; }
  .site-footer__privacy-m { display: inline-block; padding: 10px 0; }

  .site-footer, .site-footer p, .site-footer a { font-size: 14px; }
  .topbar__logo { width: 44px; height: 44px; padding: 8px; margin-left: -8px; }
  .back-link { padding: 10px 0; }
}