/* ============================================
   RIGA Impulsora — S00064
   pages/legal.css — Política de Privacidad / Términos y Condiciones
============================================ */

/* Estas páginas no tienen hero oscuro detrás del header: se fuerza el
   estado "sólido" siempre (texto oscuro sobre fondo claro), sin depender
   del scroll como en la home. */
.site-header {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom-color: var(--color-border) !important;
}

.site-header .header__nav a {
  color: var(--color-text) !important;
}

.site-header .header__nav-cta a {
  color: var(--color-primary) !important;
}

.site-header .header__toggle span {
  background: var(--color-primary) !important;
}

@media (max-width: 1023px) {
  .site-header .header__nav a {
    color: #fff !important;
  }
}

.legal {
  padding: 160px 0 96px;
}

.legal__header {
  max-width: 70ch;
  margin-bottom: 48px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--color-border);
}

.legal__header .label {
  margin-bottom: 14px;
}

.legal__header h1 {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  color: var(--color-primary);
  margin-bottom: 10px;
}

.legal__updated {
  color: var(--color-text-light);
  font-family: var(--font-mono);
  font-size: 0.8rem;
}

.legal__body {
  max-width: 74ch;
  display: grid;
  gap: 28px;
}

.legal__body h2 {
  font-size: 1.2rem;
  color: var(--color-primary);
  margin-bottom: 10px;
}

.legal__section p,
.legal__section li {
  color: var(--color-text-light);
  font-size: 0.96rem;
}

.legal__section p + p {
  margin-top: 10px;
}

.legal__section ul {
  list-style: disc;
  padding-left: 20px;
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.legal__section strong {
  color: var(--color-text);
}

.legal__back {
  margin-top: 48px;
}