/* Páginas legales (/legal/terminos/, /legal/privacidad/): solo layout. */
@layer modules{
  /* etiquetas de metadatos bajo el encabezado */
  .legal-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
  /* índice: en S y M va antes del texto; en L es la columna lateral fija del split */
  .legal-toc{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}
  @media (max-width:64em){.legal-aside{order:-1}}
  /* listas dentro del texto: sangría para que la viñeta quede dentro de la tarjeta, y aire entre ítems */
  .legal-body ul{padding-left:var(--sp-5)}
  .legal-body li+li{margin-top:var(--sp-2)}
  /* cierre del documento */
  .legal-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3)}
}