/*
  Páginas legales (aviso-legal.html, politica-de-cookies.html).
  Hoja aislada: solo se referencia desde esas dos páginas, no toca
  ningún selector usado por el resto del sitio. Reutiliza los tokens
  existentes (tipografía, color, espaciado) — no define ningún color ni
  fuente nueva.
*/

.legal-hero {
  padding-block: 2rem 1.75rem;
}

.legal-hero .svc-hero__content {
  max-width: 46rem;
}

.legal-hero h1 {
  max-width none;
}

.legal-content {
  padding-block: var(--space-6);
}

.legal-content .container {
  max-width: 54rem;
}

.legal-content__updated {
  margin: 0 0 var(--space-5) 0;
  color: var(--color-text-muted);
  font-size: 0.9375rem;
}

.legal-content section + section {
  margin-block-start: var(--space-6);
}

.legal-content h2 {
  margin: 0 0 var(--space-3) 0;
  color: var(--color-heading);
  font-family: var(--font-heading-display);
  font-weight: 700;
  font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem);
  letter-spacing: -0.01em;
}

.legal-content p {
  margin: 0 0 var(--space-4) 0;
  max-width: 68ch;
  color: var(--color-text);
  line-height: 1.7;
}

.legal-content ul,
.legal-content ol {
  margin: 0 0 var(--space-4) 0;
  padding-inline-start: 1.25rem;
  max-width: 68ch;
}

.legal-content li {
  margin-block-end: var(--space-2);
  color: var(--color-text);
  line-height: 1.7;
}

.legal-content li:last-child {
  margin-block-end: 0;
}

.legal-content a {
  color: var(--color-accent);
}

.legal-content a:hover,
.legal-content a:focus-visible {
  color: var(--color-accent-hover);
}

.legal-content strong {
  color: var(--color-heading);
}

.legal-content address {
  font-style: normal;
}