/* ============================================================
   smgr · css/pages/legal.css — DOCUMENTOS LEGALES (prosa)
   Privacidad / Términos. Columna de lectura estrecha y cómoda.
   Tokens en css/tokens.css.
   ============================================================ */
.legal-doc {
  max-width: 720px; margin: var(--sp-4) auto var(--sp-7);
  font-size: 15px; line-height: 1.7; color: var(--ink);
}
.legal-doc__head { margin-bottom: var(--sp-5); }
.legal-doc__head h1 {
  font-family: var(--score); font-size: 30px; font-weight: 700;
  letter-spacing: .01em; color: var(--ink);
}
.legal-doc__upd { font-size: 13px; color: var(--muted); margin-top: 4px; }

.legal-doc__sec { margin-top: var(--sp-5); }
.legal-doc__sec h2 {
  font-family: var(--score); font-size: 19px; font-weight: 700;
  color: var(--ink); margin-bottom: var(--sp-2);
  padding-bottom: 6px; border-bottom: 1px solid var(--line);
}
.legal-doc p { margin-top: var(--sp-2); }
.legal-doc ul { margin: var(--sp-2) 0 0; padding-left: 1.3em; }
.legal-doc li { margin-top: 6px; }
.legal-doc a { color: var(--accent-deep); font-weight: 600; }
.legal-doc a:hover { text-decoration: underline; }
.legal-doc strong { color: var(--ink); }

/* Bloque destacado (datos de la empresa / contacto) */
.legal-doc__box {
  margin-top: var(--sp-3); padding: var(--sp-3) var(--sp-4);
  background: var(--ground); border: 1px solid var(--line);
  border-radius: var(--r-card); font-size: 14px; line-height: 1.6;
}

@media (max-width: 640px) {
  .legal-doc { font-size: 14.5px; }
  .legal-doc__head h1 { font-size: 25px; }
  .legal-doc__sec h2 { font-size: 17px; }
}