/* ═══════════════════════════════════════════════════════════════════
   5-utilities.css — Utilitários
   Helpers de propósito único. Sem !important aqui.
   Se um utilitário está perdendo para uma regra de componente,
   o problema está no componente, não aqui.
   ═══════════════════════════════════════════════════════════════════ */

.flex-center {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
  justify-content: center;
}

.flex-wrap-gap { display: flex; flex-wrap: wrap; gap: var(--space-4); }

.content-narrow { max-width: 700px; }
.content-medium { max-width: 600px; margin-inline: auto; }

.mb-1  { margin-bottom: var(--space-4); }
.mb-2  { margin-bottom: var(--space-6); }
.mb-3  { margin-bottom: var(--space-7); }
.mt-1  { margin-top:    var(--space-4); }
.mt-15 { margin-top:    var(--space-5); }
.mt-2  { margin-top:    var(--space-6); }
.mt-3  { margin-top:    var(--space-7); }
.py-2  { padding-block: var(--space-6); }

.row-block   { display: block; padding: var(--space-6) 0; }
.faq-padding-x { padding: var(--space-6) 0; }
.list-spacing { margin: var(--space-4) 0; }