/* Página legal — header simple + cuerpo Gutenberg tipográfico. */

.legal-page__header {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-md);
  background: var(--color-beige);
}
.legal-page__header .container {
  max-width: 800px;
}
.legal-page__header h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  margin-bottom: var(--space-sm);
}

.legal-page__updated {
  color: var(--color-gray);
  opacity: 0.7;
  font-size: var(--text-sm);
  margin-bottom: var(--space-sm);
}

.legal-page__intro {
  font-size: var(--text-lg);
  color: var(--color-gray);
  line-height: 1.5;
}

.legal-page__body {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-3xl);
}
.legal-page__body .container { max-width: 800px; }

.legal-page__content {
  font-size: var(--text-base);
  line-height: 1.75;
  color: var(--color-gray);
}

.legal-page__content > * + * { margin-top: var(--space-md); }
.legal-page__content h2 {
  margin-top: var(--space-xl);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-3xl);
  color: var(--color-dark);
}
.legal-page__content h3 {
  margin-top: var(--space-lg);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-2xl);
  color: var(--color-dark);
}

.legal-page__content ul,
.legal-page__content ol {
  padding-left: 1.5rem;
}
.legal-page__content ul li { list-style: disc; }
.legal-page__content ol li { list-style: decimal; }
.legal-page__content li + li { margin-top: 0.5rem; }

.legal-page__content a {
  color: var(--color-orange);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.legal-page__content a:hover { color: var(--color-orange-hover); }