/* SECCION: legal · aviso-de-privacidad.html y politica-de-cookies.html
   Panel Soft White arriba con el menú montado (igual que la portada), el título y la fecha; el texto va
   sobre blanco, a 65 caracteres por línea como máximo, y después el pie. Cada subtítulo lleva el filete
   corto del rótulo editorial. Sin animación. Solo usa variables de tokens.css. */

.legal__panel { padding: calc(var(--menu-alto) + var(--space-6)) var(--gutter) var(--space-6); }

.legal__cabeza,
.legal__texto { max-width: var(--ancho-max); margin: 0 auto; }

.legal__titulo {
  font-size: var(--t-headline);
  line-height: 1.02;
  font-weight: var(--peso-medium);
  letter-spacing: var(--tracking-headline);
  text-wrap: balance;
}
.legal__fecha { margin-top: var(--space-3); font-size: var(--t-caption); color: var(--tinta-suave); }

.legal__texto { padding: var(--space-6) var(--gutter) 0; }
.legal__texto > * { max-width: var(--medida-texto); }
.legal__texto p { text-wrap: pretty; }
.legal__texto p + p { margin-top: var(--space-3); }

.legal__texto h2 {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: var(--space-6) 0 var(--space-3);
  font-size: 1.375rem;
  line-height: var(--lh-title);
  font-weight: var(--peso-semibold);
  letter-spacing: var(--tracking-title);
}
.legal__texto h2::before { content: ""; width: 24px; height: 2px; background: var(--cta); }

.legal__texto a { color: var(--cta); text-underline-offset: 3px; overflow-wrap: anywhere; }

@media (min-width: 900px) {
  .legal__panel { padding: calc(var(--menu-alto) + var(--space-8)) var(--gutter) var(--space-8); }
  .legal__cabeza { padding-inline: var(--gutter); } /* el título cae en la misma línea que el texto y el pie */
  .legal__texto { padding-top: var(--space-8); }
}