/* =====================================================================
   LEGAL — páginas de texto (privacidad.html)
   Hereda tokens/base/sections; solo añade el layout de lectura.
   ===================================================================== */

.legal-page { background: var(--cream); }

.legal {
  padding-block: clamp(7rem, 10vw, 10rem) clamp(3rem, 6vw, 5rem);
  background: linear-gradient(180deg, #F6EDD8 0%, var(--cream) 42%);
}
.legal__inner { max-width: 760px; }

.legal__title { margin-top: 1rem; }
.legal__updated {
  margin-top: .8rem; font-family: var(--font-display); font-weight: 500;
  font-size: .92rem; color: var(--gold-deep);
}
.legal__intro { margin-top: 1.4rem; }

.legal__section {
  margin-top: clamp(2.2rem, 4vw, 3rem);
  padding-top: clamp(1.6rem, 3vw, 2.2rem);
  border-top: 1px solid var(--line);
}
.legal__section h2 { margin-bottom: .8rem; }
.legal__section p { color: var(--ink-soft); }

.legal__contact {
  list-style: none; padding: 0; margin-top: 1.1rem;
  display: flex; flex-direction: column; gap: .5rem;
}
.legal__contact a { color: var(--gold-deep); font-weight: 600; }
.legal__contact a:hover { text-decoration: underline; }

.legal__back { margin-top: clamp(2.5rem, 5vw, 3.5rem); }

/* El footer de las páginas legales es compacto: centra en móvil */
.legal-page .footer__bottom { justify-content: space-between; }
@media (max-width: 640px) {
  .legal-page .footer__bottom { justify-content: center; text-align: center; }
}