/* ============================================================
 * Alltec — Utilities (v2.11.0)
 * ============================================================
 * Utility classes para padrões inline-style repetidos que valem
 * a pena extrair (ocorrência >= 5 em blog posts).
 *
 * Naming: prefixo `u-` distingue de componentes/legacy:
 *  - `u-mr-10`  → margin-right: 10px
 *  - `u-text-meta` → metadados (font-size + color + margin)
 *
 * Política:
 *  - Toda utility consome tokens.
 *  - Use SÓ pra padrões 5+ ocorrências. Padrões únicos: classe ad-hoc
 *    ou tolerar inline (1-2 lugares).
 *  - Não criar utilities para mudança de marca/cor brand — usar tokens
 *    ou componentes existentes.
 *
 * Carregado APÓS components.css e ANTES de geo-local.css/blog.css.
 * ============================================================ */

/* ───── Espaçamento horizontal ───── */
.u-mr-6  { margin-right: 6px; }
.u-mr-10 { margin-right: 10px; }
.u-ml-10 { margin-left: 10px; }

/* ───── Espaçamento vertical ───── */
.u-mt-0  { margin-top: 0; }
.u-mt-25 { margin-top: 25px; }
.u-mt-40 { margin-top: 40px; }
.u-mb-8  { margin-bottom: 8px; }
.u-mb-16 { margin-bottom: 16px; }
.u-mb-40 { margin-bottom: 40px; }
.u-my-40 { margin: 40px 0; }

/* ───── Alinhamento de texto ───── */
.u-text-center { text-align: center; }
/* .u-text-justify NÃO existe deliberadamente — blog.css força left !important
   em paragrafos. text-align:justify era dead weight inline. */

/* ───── Tipografia / metadados ───── */
.u-text-muted {
  color: var(--color-text-muted);
}
.u-text-muted-sm {
  color: var(--color-text-muted);
  font-size: var(--fs-sm);
}
.u-text-meta {
  text-align: center;
  color: var(--color-text-muted);
  font-size: 13px;
  margin: 8px 0 24px;
}
.u-text-label {
  color: var(--color-text-muted);
  font-size: var(--fs-sm);
  margin-bottom: var(--space-2);
}

/* ───── Citação / destaque itálico ───── */
.u-text-quote {
  font-size: var(--fs-lg);
  color: var(--color-text-secondary);
  font-style: italic;
}

/* ───── Tabelas — célula padronizada ───── */
.u-table-cell {
  padding: 10px;
  border: 1px solid var(--color-border);
}

/* ───── Layout ───── */
.u-max-content {
  max-width: var(--container-max-content);
  margin-left: auto;
  margin-right: auto;
}