/* Ajuste editorial do herói no computador: preserva uma margem confortável abaixo do menu. */
@media (min-width: 921px) {
  .hero.hero-editorial .hero-copy {
    transform: translateY(-120px) !important;
  }
}

/* No celular, mantém chamada, botão e ícones inteiros acima da barra do navegador. */
@media (max-width: 560px) {
  .hero.hero-editorial,
  .hero-editorial .hero-copy {
    min-height: 100dvh;
  }

  .hero-editorial .hero-copy {
    padding-top: clamp(300px, 42dvh, 380px) !important;
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }
}