/* =============================================================
   legal — Aviso de privacidad and similar prose pages
   ============================================================= */

.legal-header {
  border-bottom: 1px solid var(--sm-border);
  background: var(--sm-bg);
}
.legal-header__inner {
  min-height: 88px;
  display: flex; align-items: center; justify-content: space-between; gap: var(--sm-gap-sm);
}
.legal {
  padding-block: var(--sm-section-y);
  max-width: 46rem;
}
.legal .eyebrow { margin-bottom: var(--sm-gap-xs); }
.legal .lead { margin-top: var(--sm-gap-md); color: var(--sm-text-body); }
.legal__meta {
  margin-top: var(--sm-gap-sm);
  font-size: var(--sm-text-small);
  color: var(--sm-text-muted);
}
.legal__section {
  margin-top: var(--sm-gap-xl);
  padding-top: var(--sm-gap-md);
  border-top: 1px solid var(--sm-border);
}
.legal__section h2 {
  font-family: var(--sm-font-display);
  font-size: var(--sm-text-h4);
  text-transform: uppercase;
  letter-spacing: var(--sm-ls-display);
  color: var(--sm-navy);
  margin-bottom: var(--sm-gap-sm);
}
.legal__section h3 {
  font-size: var(--sm-text-body-s);
  font-weight: 700;
  color: var(--sm-text);
  margin: var(--sm-gap-sm) 0 var(--sm-gap-2xs);
}
.legal__section p,
.legal__section li { color: var(--sm-text-body); }
.legal__section p + p { margin-top: var(--sm-gap-sm); }
.legal__section ul {
  margin: var(--sm-gap-sm) 0 0;
  padding-left: 1.25rem;
  list-style: disc;
}
.legal__section li + li { margin-top: .4rem; }
.legal__section code {
  font-size: .9em;
  background: var(--sm-chip);
  padding: .1em .35em;
  border-radius: 4px;
}
.legal__note {
  margin-top: var(--sm-gap-xl);
  padding: var(--sm-gap-sm);
  background: var(--sm-surface);
  border-left: 3px solid var(--sm-lime);
  font-size: var(--sm-text-small);
  color: var(--sm-text-muted-alt);
}
.legal__back { margin-top: var(--sm-gap-xl); }
.legal__back a { font-weight: 600; text-decoration: none; }
.legal__back a:hover { text-decoration: underline; }