/* Estilos para páginas legales (privacidad / términos) */
.legal {
  max-width: 760px;
  padding-top: 56px;
  padding-bottom: 80px;
}
.legal h1 {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 800;
  margin: 8px 0 6px;
}
.legal__updated {
  color: var(--muted);
  font-size: .92rem;
  margin: 0 0 30px;
}
.legal h2 {
  font-size: 1.28rem;
  font-weight: 800;
  margin: 34px 0 10px;
}
.legal p { color: var(--ink-soft); margin: 0 0 14px; }
.legal ul { color: var(--ink-soft); padding-left: 20px; margin: 0 0 16px; }
.legal li { margin-bottom: 8px; }
.legal a { color: var(--green-dark); font-weight: 700; }
.legal a:hover { text-decoration: underline; }