/* ================================================================
   AloraKai — pages/legal.css
   Páginas de texto longo (Termos, Privacidade, Envios)
   ================================================================ */

.legal-page {
  max-width: 760px;
  font-family: var(--font-heading);
  color: var(--color-gray);
  line-height: 1.75;
}

.legal-page h2 {
  font-family: var(--font-heading);
  color: var(--kai-midnight);
  font-size: 1.35rem;
  font-weight: 600;
  margin: var(--space-10) 0 var(--space-4);
}

.legal-page h2:first-of-type { margin-top: 0; }

.legal-page p {
  margin: 0 0 var(--space-4);
}

.legal-page ul {
  margin: 0 0 var(--space-4) var(--space-4);
  padding-left: var(--space-4);
}

.legal-page ul li {
  margin-bottom: var(--space-2);
  list-style: disc;
}

.legal-page strong {
  color: var(--kai-midnight);
  font-weight: 600;
}

.legal-page a {
  color: var(--kai-tide);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.legal-page a:hover { color: var(--kai-midnight); }