/* Padrão mobile da Home aplicado às demais páginas (≤767px): hero e
   cabeçalhos de seção (eyebrow + título + texto de apoio) centralizados,
   como na Home (hero, intro "Sistemas separados…", módulos, integrações,
   segmentos, clientes). Seções de lista/grade com título à esquerda
   (Blog, Notícias, FAQ) seguem alinhadas à esquerda, também como na
   Home. O balanceamento de títulos/subtítulos e o eyebrow de 12px já
   são globais (base.css / components.css). */
@media (max-width: 767px) {
  /* Heróis internos (O Mercanet, Cases, Sobre, Blog, Notícias). */
  .omercanet-hero-stage { align-items: center; text-align: center; }
  .omercanet-hero h1 { margin-left: auto; margin-right: auto; }
  .omercanet-hero-breadcrumb { justify-content: center; }

  /* Hero + formulário de Contato. */
  .contato-hero-text { text-align: center; }
  .contato-hero-lead { margin-left: auto; margin-right: auto; }

  /* Cabeçalhos de seção. */
  .move-copy .eyebrow,
  .move-copy h2,
  .move-copy .lead { text-align: center; margin-left: auto; margin-right: auto; }
  .quem-somos-heading,
  .quem-somos-intro .lead,
  .origem-heading,
  .depoimentos-intro { text-align: center; }
  .quem-somos-intro .lead,
  .depoimentos-intro h2,
  .depoimentos-intro .lead { margin-left: auto; margin-right: auto; }
}