/* ============ Paginas legales (Montilva Legal template) ============ */
/* El nav es fijo y transparente sobre el hero; en legales no hay hero, asi que
   lo forzamos a su aspecto solido (fondo + texto oscuro legible). */
.mc-legal-page .nav {
  background: color-mix(in oklab, var(--bg) 92%, transparent);
  backdrop-filter: blur(14px) saturate(1.2);
  border-bottom-color: var(--line);
}
.mc-legal-page .nav .logo__txt { color: var(--ink) !important; }
.mc-legal-page .nav .logo__txt sup { color: var(--ink-3) !important; }
.mc-legal-page .nav .nav__links a { color: var(--ink-2) !important; }
.mc-legal-page .nav .nav__links a:hover,
.mc-legal-page .nav .nav__links a:focus { color: var(--ink) !important; }
.mc-legal-page .nav .nav__burger { color: var(--ink) !important; border-color: var(--line-2) !important; }

/* Contenido */
.mc-legal-main {
  background: var(--bg);
  color: var(--ink-2);
  padding: 118px 0 84px;
  min-height: 62vh;
}
.mc-legal-main .wrap {
  max-width: 900px;
  margin-inline: auto;
  padding-inline: var(--gutter);
}
.mc-legal-title {
  color: var(--ink);
  font-size: clamp(1.9rem, 4vw, 2.7rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
}
.mc-legal { color: var(--ink-2); }
.mc-legal h2 {
  color: var(--ink);
  font-size: 1.28rem;
  letter-spacing: -0.01em;
  margin: 34px 0 10px;
}
.mc-legal p { margin: 0 0 12px; }
.mc-legal ul { margin: 8px 0 12px 1.25em; }
.mc-legal li { margin-bottom: 6px; }
.mc-legal a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.mc-legal a:hover { opacity: .8; }
.mc-legal strong { color: var(--ink); font-weight: 700; }
.mc-legal em { color: var(--ink-3); }
.mc-legal table { width: 100%; border-collapse: collapse; margin: 14px 0; }
.mc-legal th { color: var(--ink); font-weight: 700; }
.mc-legal td { color: var(--ink-2); vertical-align: top; }