/* La página de los Términos y Condiciones (/terminos): texto largo, para leer.
   Se apoya en .formulario (el ancho y los márgenes) y en los tokens. */
.legal { max-width: 760px; }
.legal p,
.legal li { line-height: 1.65; }
.legal > p { margin-top: var(--sp-4); }
.legal section { margin-top: var(--sp-7); }
.legal h2 {
  font-size: var(--step-1);
  letter-spacing: 0.02em;
  margin-bottom: var(--sp-3);
}
.legal ol,
.legal ul {
  display: grid;
  gap: var(--sp-3);
  padding-left: 1.6em;
}
.legal ol { list-style: decimal; }
.legal ul { list-style: disc; }
.legal li ul { margin-top: var(--sp-2); gap: var(--sp-2); }
.legal ol > li::marker { font-weight: 600; }
.legal__fecha { color: var(--ink-soft); font-size: 0.92em; }
.legal__cierre { color: var(--ink-soft); font-size: 0.92em; }