/* ============================================================
   PREMIUM MOMENTS — legal.css
   Estilos para páginas de Política de Privacidad y Términos.
   Se carga JUNTO a styles.css (no lo reemplaza), así que reutiliza
   las mismas variables de color (--gold, --bg-light, etc.) y las
   clases .nav, .footer, .container ya existentes.
   ============================================================ */

/* ── NAV SÓLIDO PARA PÁGINAS LEGALES ─────────────────────────
   En index.html el nav es transparente porque flota sobre la
   imagen oscura del hero. Estas páginas no tienen hero, así que
   sin esta regla el nav se ve "blanco" (transparente sobre el
   fondo claro de la página). Como legal.css SOLO se carga en
   privacidad.html y terminos.html, esta regla no afecta nunca
   a la página principal.
   ─────────────────────────────────────────────────────────── */
.nav {
  background: var(--navy-deepest);
  border-bottom: 1px solid var(--gold);
  /* Mismo dorado sólido que usa .nav.scrolled en la página principal
     (antes usaba --gold-border, que es dorado al 25% de opacidad —
     por eso se veía mucho más tenue/delgada aquí). */
}

.legal {
  background: var(--navy-dark);
  /* Mismo fondo que usa la sección "Sobre Nosotros" del home, para
     mantener consistencia visual con el resto del sitio. */

  padding: 140px 0 80px;
  /* Espacio arriba para que el contenido no quede tapado por la nav fija */
}

.legal__container {
  max-width: 760px;
  /* Más angosto que el .container general (1120px): los textos largos
     se leen mejor en columnas más estrechas */
  margin: 0 auto;
  padding: 0 24px;
}

.legal h1 {
  font-family: var(--font-display, 'Cormorant Garamond', serif);
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--cream);
  margin-bottom: 8px;
}

.legal__updated {
  color: var(--cream-dim);
  font-size: 0.9rem;
  margin-bottom: 40px;
}

.legal h2 {
  font-family: var(--font-display, 'Cormorant Garamond', serif);
  font-size: 1.4rem;
  color: var(--gold);
  margin-top: 36px;
  margin-bottom: 12px;
}

.legal p,
.legal li {
  color: var(--cream-dim);
  line-height: 1.7;
  margin-bottom: 14px;
}

.legal ul {
  padding-left: 20px;
}

.legal a {
  color: var(--gold);
  text-decoration: underline;
}

.legal__back {
  display: inline-block;
  margin-top: 40px;
  color: var(--gold);
  font-weight: 500;
}

.legal__list {
  padding-left: 1.5rem;
  margin: 1rem 0;
  list-style-type: disc;
}

.legal__list li {
  margin-bottom: 0.6rem;
  padding-left: 0.3rem;
}