/* ===========================================================================
   GAIA Studio — legal.css
   Documentos largos: medida de lectura corta y jerarquía tranquila.
   =========================================================================== */
.legal { padding: 2rem 0 3rem; }
/* ~68 caracteres por línea: más ancho que eso y el ojo pierde el renglón. */
.legal-doc { max-width: 42rem; margin-inline: auto; }
.legal-doc h2 { margin-top: 2rem; font-size: 1.25rem; }
.legal-doc h2:first-of-type { margin-top: 1.5rem; }
.legal-doc p, .legal-doc li { color: var(--text); line-height: 1.7; }
.legal-doc ul { list-style: disc; padding-left: 1.25rem; margin: 0 0 .85rem; }
.legal-doc li { margin-bottom: .375rem; }
.legal-meta {
  display: flex; gap: .75rem; flex-wrap: wrap;
  padding-bottom: 1rem; margin-bottom: 1rem;
  border-bottom: var(--bw) solid var(--border);
}