/* ══════════════════════════════════════════════════════════════════════════
   legal.css
   Páginas de política de privacidad y términos de uso
   Procede de styles.css (secciones 13bis) del proyecto original.
   ═══════════════════════════════════════════════════════════════════════ */

/* ═══════════════ 13 bis. PÁGINAS LEGALES ═══════════════
   Política de privacidad y términos de uso. Son documentos para leer, no para
   escanear: medida de lectura estrecha, jerarquía tranquila y ningún adorno. */
.pagina-legal {
  max-width: 44rem;   /* ~68 caracteres por línea */
}
.pagina-legal .titulo-seccion {
  font-size: clamp(1.6rem, 4vw, 2.2rem);
}
.fecha-legal {
  margin-top: 0.9rem;
  font-size: 0.85rem;
  color: var(--color-texto-suave);
}
.entradilla-legal {
  margin-top: 1.75rem;
  padding-left: 1.1rem;
  border-left: 3px solid var(--color-acento);
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--color-texto);
}
.pagina-legal h2 {
  margin-top: 2.5rem;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--color-tinta);
}
/* Filete dorado corto sobre cada apartado, como separador de lectura. */
.pagina-legal h2::before {
  content: '';
  display: block;
  width: 2rem;
  height: 2px;
  margin-bottom: 0.85rem;
  background: var(--color-acento);
}
.pagina-legal p {
  margin-top: 0.9rem;
  line-height: 1.75;
  color: var(--color-texto-suave);
}
.pagina-legal .lista-problemas {
  margin-top: 1.1rem;
  color: var(--color-texto-suave);
}