/* ═══════════════════════════════════════════════════════
   pages/legal.css — Política de privacidad, aviso legal, cookies
   ═══════════════════════════════════════════════════════ */

/* ── HERO ────────────────────────────────────────────── */
.legal-hero { background: var(--caramelo-100); }

.legal-hero-inner {
  max-width: 800px; margin: 0 auto;
  padding: calc(var(--nav-h) + 48px) clamp(20px,4vw,16px) 56px;
  display: flex; flex-direction: column; gap: 12px;
}



/* ── BODY ────────────────────────────────────────────── */
.legal-body {
  max-width: 800px;
  margin: 0 auto;
  padding: 64px clamp(20px,4vw,16px) 80px;
}

.legal-body h2 {
  font-family: var(--fd);
  font-style: italic;
  font-weight: 600;
  font-size: clamp(20px,2.5vw,26px);
  color: var(--cafe);
  margin: 48px 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--caramelo-300);
}
.legal-body h2:first-child { margin-top: 0; }

.legal-body p {
  font-family: var(--fp); font-size: 15px; font-weight: 400;
  line-height: 1.8; color: #6E6D6E; margin-bottom: 16px;
}

.legal-body ul {
  margin: 0 0 16px 20px;
  display: flex; flex-direction: column; gap: 8px;
}

.legal-body li {
  font-family: var(--fp); font-size: 15px; font-weight: 400;
  line-height: 1.7; color: #6E6D6E;
}

.legal-body strong { color: var(--cafe); font-weight: 600; }

.legal-body a {
  color: var(--higo);
  border-bottom: 1px solid rgba(122,92,104,.3);
  transition: border-color .2s;
}
.legal-body a:hover { border-bottom-color: var(--higo); }

/* Pendiente badge */
.pendiente {
  background: #F1F1E3; border-left: 3px solid var(--caramelo);
  padding: 10px 16px; border-radius: 0 4px 4px 0;
  font-family: var(--fp); font-size: 13px;
  color: #8E8E47; margin-bottom: 16px; display: inline-block;
}