/* Páginas legales: el mismo sistema híbrido de checka. */
body.legal-page {
  min-height: 100vh !important;
  margin: 0 !important;
  background: radial-gradient(circle at 5% 75%, rgba(18,103,232,.07), transparent 23%), radial-gradient(circle at 95% 70%, rgba(18,103,232,.06), transparent 24%), var(--checka-cloud) !important;
  color: var(--checka-ink) !important;
}
body.legal-page .legal-nav {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid rgba(135,190,255,.24) !important;
  background: radial-gradient(circle at 88% 20%, rgba(45,124,255,.28), transparent 24%), var(--checka-blue-gradient) !important;
  box-shadow: 0 16px 34px rgba(2,14,42,.18) !important;
}
body.legal-page .legal-nav::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .42;
  pointer-events: none;
  background: radial-gradient(circle at 74% 28%, #91c9ff 0 1.5px, transparent 2.5px), radial-gradient(circle at 83% 66%, #91c9ff 0 1.5px, transparent 2.5px), radial-gradient(circle at 92% 18%, #91c9ff 0 1.5px, transparent 2.5px);
}
body.legal-page .legal-back {
  border-color: rgba(255,255,255,.38) !important;
  background: rgba(3,17,39,.18) !important;
  color: #fff !important;
}
body.legal-page .legal-shell {
  width: min(100% - 40px, 920px) !important;
  margin: 42px auto 72px !important;
  padding: 46px 54px 54px !important;
  border: 1px solid var(--checka-line) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.98) !important;
  color: var(--checka-ink) !important;
  box-shadow: var(--checka-shadow-md) !important;
}
body.legal-page :where(.legal-kicker, .legal-notice strong, .legal-shell a, .legal-footer a) { color: var(--checka-orange-deep) !important; }
body.legal-page .legal-shell :where(h1,h2,strong) { color: var(--checka-ink) !important; }
body.legal-page :where(.legal-updated, .legal-shell p, .legal-shell li, .legal-footer) { color: var(--checka-muted) !important; }
body.legal-page .legal-notice { border-color: rgba(255,90,31,.34) !important; background: var(--checka-orange-soft) !important; color: #6e3218 !important; }
@media (max-width:700px) { body.legal-page .legal-shell { width: min(100% - 28px,920px) !important; margin-block:24px 48px !important; padding:34px 22px 40px !important; } }