/* ==========================================================
   legal.css — Páginas de texto largo (aviso de privacidad)
   ========================================================== */

   .legal {
    max-width: 72ch;
    margin-inline: auto;
    padding-block: var(--espacio-6) var(--espacio-8);
  }
  
  .legal__titulo {
    font-size: var(--texto-xl);
    margin-bottom: var(--espacio-1);
  }
  
  .legal__fecha {
    margin: 0 0 var(--espacio-6);
    font-size: var(--texto-sm);
    color: var(--color-texto-suave);
  }
  
  .legal h2 {
    margin-top: var(--espacio-6);
    font-size: var(--texto-lg);
  }
  
  .legal p,
  .legal li {
    color: var(--color-texto-suave);
  }
  
  .legal ul {
    padding-left: var(--espacio-3);
  }
  
  .legal li + li {
    margin-top: var(--espacio-1);
  }
  
  .legal strong {
    color: var(--color-texto);
    font-weight: var(--peso-fuerte);
  }
  
  .legal__volver {
    display: inline-block;
    margin-bottom: var(--espacio-4);
    font-size: var(--texto-sm);
    text-decoration: none;
    color: var(--color-acento);
  }