/* ==========================================================================
   Política de Privacidad
   ========================================================================== */

.nav-link--active {
  color: var(--primary) !important;
}

.legal-page {
  flex: 1;
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  padding: 100px 24px 64px;
}

.legal-back {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary);
  text-decoration: none;
}
.legal-back:hover { text-decoration: underline; }

.legal-title {
  font-family: var(--font-title);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  color: var(--text-main);
  margin-bottom: 24px;
}

/* .legal-section viene de index.css (estilos del modal); acá los adaptamos
   para una página completa con texto más grande. */
.legal-body .legal-section { margin-top: 28px; }
.legal-body .legal-section h4 { font-size: 18px; margin-bottom: 10px; }
.legal-body .legal-section p,
.legal-body .legal-section li { font-size: 15px; line-height: 1.7; }
.legal-body .legal-section ul { margin: 6px 0 12px 22px; }

@media (max-width: 768px) {
  .legal-page { padding: 86px 18px 48px; }
}