/* ═══ Páginas legales: /privacy/ y /terms/ (R-46) ══════════════════════
   Texto largo para leer: columna angosta (.container--narrow), un bloque
   por idioma (.section con su h2) y la letra de lectura de base.css.
   Mobile-first: lo de afuera de los @media es el celular de 390 px. */

.legal { padding-bottom: var(--space-2xl); }

.legal__heading {
  margin: var(--space-lg) 0 var(--space-xs);
  font-size: var(--font-size-heading-sm);
  line-height: var(--line-height-heading);
}

.legal__text,
.legal__list { color: var(--color-text-muted); }
.legal__text strong,
.legal__list strong { color: var(--color-text); }

/* base.css saca las viñetas de las listas con clase: acá ayudan a leer */
.legal__list {
  display: grid;
  gap: var(--space-xs);
  padding-left: var(--space-lg);
  list-style: disc;
}