/* Mantém o enquadramento visual do hero centralizado em telas mobile. */
@media (max-width: 680px) {
  .hero-visual {
    width: min(88%, 480px);
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .hero-visual .image-frame {
    margin-right: auto;
    margin-left: auto;
  }
}