/* ==========================================================================
   MGX — ESCALA COMPACTA (23/09/2026, 17:00)

   O dono: "tá gigante, dá para compactar — o leitor cansa só de ver o tamanho
   e acaba nem lendo". Medido antes: títulos de seção a 56px (46–48px nos
   componentes antigos), subtítulo a 18px, respiro de 72px por lado; 11,7
   telas a 1440 e 13,2 a 390.

   Esta folha é a régua COMUM: um tamanho de título de seção para a página
   inteira, um de subtítulo, um respiro. O ajuste fino de cada seção mora em
   mgx-compacto-topo.css e mgx-compacto-fecho.css (um agente em cada).
   ========================================================================== */
:root {
  --c-titulo: clamp(1.75rem, 1.2rem + 1.7vw, 2.5rem);   /* 28 → 40px */
  --c-sub: 1rem;
  --c-respiro: clamp(2.5rem, 4.5vw, 3.75rem);            /* 40 → 60px */
  --c-cabeca: clamp(1.25rem, 2.6vw, 2rem);
}

/* seções próprias */
.mgxs.mgxs { padding-block: var(--c-respiro); }
.mgxs .mgxs__titulo { font-size: var(--c-titulo); letter-spacing: -0.025em; line-height: 1.1; }
.mgxs .mgxs__sub { font-size: var(--c-sub); line-height: 1.55; }
.mgxs .mgxs__cabeca { gap: 0.625rem; margin-block-end: var(--c-cabeca); }
.mgxs .mgxs__acao { margin-block-start: var(--c-cabeca); }

/* títulos das seções que não são .mgxs entram na mesma régua */
.mgxsim .mgxsim__titulo,
.mgx-placas .mgx-placas__titulo,
.mgxfaq .mgxfaq__titulo,
.mgxfim .mgxfim__titulo,
.elementor-3386 .elementor-element.elementor-element-dc12b0b .elementor-heading-title {
  font-size: var(--c-titulo) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.025em;
}