/* Páginas informativas: paleta compartida con la portada. */
body.sx-info-page {
  color-scheme: light;
  --bg: #f8fafb; --surface: #fff; --surface-2: #f5f7f8;
  --text: #18252f; --ink: #18252f; --muted: #606e79;
  --line: #e2e8ec; --shadow: 0 10px 35px #18252f0a;
  --shadow-dark: 0 10px 35px #18252f0a;
  background: var(--bg); color: var(--text);
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
}
body.sx-info-page :is(a, button, input):focus-visible { outline: 3px solid #b56300; outline-offset: 4px; }
body.sx-info-page :is(.nav, .nav-links.open) { background: #fff; color: var(--text); border-color: var(--line); box-shadow: var(--shadow); }
body.sx-info-page :is(.brand, .nav-links) { color: var(--text); }
body.sx-info-page .nav-links a:hover { color: #975000; }
body.sx-info-page .nav-toggle { background: #fff2de; border-color: #eddbc3; }
body.sx-info-page .nav-toggle span { background: var(--text); }
body.sx-info-page :is(.hero, .guide-hero, .final-cta) { background: #fff2de; color: var(--text); box-shadow: none; }
body.sx-info-page :is(.hero p, .guide-hero p, .final-cta p, .trust-strip span) { color: #52616d; }
body.sx-info-page .hero:after { background: linear-gradient(180deg, transparent, #f8fafb); }
body.sx-info-page :is(.btn-primary, .nav-login) { background: #ff8c00; color: #18252f; box-shadow: none; border-radius: 12px; }
body.sx-info-page :is(.btn-dark, .btn-light, .btn-ghost, .btn-outline, .back) { background: #fff; color: #344956; border: 1px solid #dce4ea; box-shadow: none; }
body.sx-info-page :is(.pill, .pill.dark, .badge, .screen-count) { background: #fff2de; color: #8a4b00; border-color: #eddbc3; }
body.sx-info-page .pill.green { background: #edf7ef; color: #28613a; border-color: #cfe4d4; }
body.sx-info-page :is(.role-shell, .float-card, .apk-badge, .qr-card, .toc, .card, .mini, .trust-strip span) { background: #fff; color: var(--text); border-color: var(--line); box-shadow: var(--shadow); }
body.sx-info-page :is(.role-shell-top h3, .role-copy strong, .slide-copy strong, .toc strong, .mini strong) { color: var(--text); }
body.sx-info-page :is(.role-copy span, .slide-copy span, .screen-progress, .screen-hint, .float-card span) { color: var(--muted); }
body.sx-info-page :is(.screen-hint b, .qr-card a) { color: #975000; }
body.sx-info-page :is(.role-tab, .role-cta, .carousel-btn) { background: #fff; color: var(--text); border-color: #dce4ea; box-shadow: none; }
body.sx-info-page .role-tab.active { background: #ff8c00; color: #18252f; }
body.sx-info-page .progress-dots button { background: #b5c0c8; }
body.sx-info-page .progress-dots button.active { background: #d47700; }
/* Documentos legales: conservar su contenido y jerarquía. */
body.sx-legal-page a { color: #975000; }
body.sx-legal-page :is(h1, h2, .brand) { color: var(--text); }
body.sx-legal-page h3 { color: #975000; }
body.sx-legal-page :is(p, li, .toc a, .meta span) { color: #52616d; }
body.sx-legal-page :is(.toc, .card, .policy, .mini, .meta span) { background: #fff; border-color: var(--line); }
body.sx-legal-page :is(section, .toc a) { border-color: var(--line); }
body.sx-legal-page :is(.note, .notice) { background: #fff3e1; color: #82500f; border-color: #f1d5ae; }
body.sx-legal-page .danger { background: #fff0e9; color: #923b26; border-color: #f1d6cb; }
body.sx-legal-page .wrap { overflow-wrap: anywhere; }
body.sx-info-page .sx-client-bottom { display: none; }
body.sx-simple-page { margin: 0; min-height: 100dvh; padding: 24px; box-sizing: border-box; }
body.sx-simple-page main { width: min(560px, 100%); margin: 40px auto; padding: 28px; box-sizing: border-box; background: #fff; border: 1px solid var(--line); border-radius: 22px; }
body.sx-simple-page p { color: var(--muted); line-height: 1.7; }
body.sx-simple-page :is(button, .sx-home-link) { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 18px; box-sizing: border-box; border: 1px solid #dce4ea; border-radius: 12px; background: #fff2de; color: #82500f; font: 700 14px system-ui, sans-serif; text-decoration: none; cursor: pointer; }
body.sx-simple-page button { background: #ff8c00; color: #18252f; border-color: #ff8c00; }
@media (max-width: 980px) {
  body.sx-info-page .nav-links { background: #fff; border-color: var(--line); }
}