@media screen {
    :root {
        --editorial-canvas: #f7f6f2;
        --editorial-surface: #fdfcf9;
        --editorial-soft: #efeee8;
        --editorial-ink: #252722;
        --editorial-muted: #555b53;
        --editorial-border: #dcded4;
        --editorial-accent: #256c4f;
        --editorial-button: #205c43;
        --editorial-button-hover: #164631;
        --editorial-button-ink: #ffffff;
        --editorial-inverse: #f7f6f2;
        --jusneural-green: var(--editorial-accent);
        --jusneural-green-light: #68c7a1;
        --jusneural-green-rgb: 76, 181, 139;
        --brand-dark: var(--editorial-ink);
        --service-ink: var(--editorial-ink);
        --service-muted: var(--editorial-muted);
        --card-bg-light-rgb: 253, 252, 249;
        --service-card-light: 253, 252, 249;
        --site-scrollbar-thumb: #92958b;
        --site-scrollbar-thumb-hover: #666961;
        --site-scrollbar-track: var(--editorial-canvas);
        --site-scrollbar-border: var(--editorial-canvas);
    }
    html.dark {
        --editorial-canvas: #171917;
        --editorial-surface: #1c1f1c;
        --editorial-soft: #232622;
        --editorial-ink: #eeeee6;
        --editorial-muted: #b9beb3;
        --editorial-border: #353a32;
        --editorial-accent: #85d0ae;
        --editorial-inverse: #20231e;
        --jusneural-green-rgb: 76, 181, 139;
        --dark-canvas: var(--editorial-canvas);
        --dark-surface: var(--editorial-surface);
        --dark-surface-raised: var(--editorial-soft);
        --dark-input: var(--editorial-canvas);
        --dark-border: var(--editorial-border);
        --dark-border-hover: #6a6f62;
        --dark-heading: var(--editorial-ink);
        --dark-text: #d4d6cc;
        --dark-muted: var(--editorial-muted);
        --dark-accent: var(--editorial-accent);
        --dark-accent-soft: rgba(76, 181, 139, .08);
        --dark-button: var(--editorial-button);
        --dark-button-hover: var(--editorial-button-hover);
        --dark-button-ink: var(--editorial-button-ink);
        --dark-shadow: none;
        --platform-dark-surface: var(--editorial-surface);
        --platform-dark-surface-strong: var(--editorial-surface);
        --platform-dark-surface-soft: var(--editorial-soft);
        --platform-dark-border: var(--editorial-border);
        --platform-dark-border-strong: #6a6f62;
        --platform-dark-text: var(--editorial-ink);
        --platform-dark-muted: #d4d6cc;
        --platform-dark-subtle: var(--editorial-muted);
        --platform-dark-shadow: none;
        --card-bg-dark-rgb: 28, 31, 28;
        --site-scrollbar-track: var(--editorial-canvas);
        --site-scrollbar-border: var(--editorial-canvas);
    }
    html, html.dark { background: var(--editorial-canvas) !important; scroll-padding-top: 90px; }
    html body:is(.platform-body, .platform-page-body, .service-page) { background: var(--editorial-canvas) !important; color: var(--editorial-ink); font-family: var(--font-sans) !important; -webkit-font-smoothing: antialiased; }
    html body::before, html body::after { content: none !important; }
    html body :is(h1, h2, h3, h4, button, input, select, textarea) { font-family: var(--font-sans); }
    html body :is(h1, h2) { font-weight: 500 !important; letter-spacing: -.025em !important; line-height: 1.16; }
    html body h3 { font-weight: 500 !important; letter-spacing: -.02em; }
    html body:is(.page-downloads, .page-convenios) h1 span { color: var(--editorial-ink); font-family: inherit; font-style: normal; font-weight: 600; }
    html body.page-legal .legal-document h1 { font-family: var(--font-sans); font-size: clamp(36px, 4.5vw, 60px); line-height: 1.16; }
    html body :is(.text-brand-dark, .text-gray-900, .text-gray-800) { color: var(--editorial-ink); }
    html body :is(.text-gray-700, .text-gray-600, .text-gray-500) { color: var(--editorial-muted); }
    html body :is(.text-jusneural-green, .services-eyebrow, .service-card-cta) { color: var(--editorial-accent); }
    html body :is(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid var(--editorial-accent); outline-offset: 4px; }
    html ::selection { background: var(--editorial-ink); color: var(--editorial-canvas); }
    html body .site-header { background: var(--editorial-canvas) !important; border-bottom: 1px solid var(--editorial-border); box-shadow: none !important; backdrop-filter: blur(16px); }
    html body .site-header::after { display: none; }
    html body .site-header nav { max-width: 1280px; }
    html body #header-logo { height: 26px; width: auto; }
    html body .site-mobile-menu { background: var(--editorial-canvas) !important; border-color: var(--editorial-border); box-shadow: 0 20px 35px #00000010; }
    html body #mobile-menu-button { background: transparent; color: var(--editorial-ink); border-color: var(--editorial-border); border-radius: 3px; box-shadow: none; }
    html body .site-header #theme-toggle { color: var(--editorial-ink); }
    html body .site-header #theme-toggle:hover { background: var(--editorial-soft); }
    html body :is(.platform-primary-cta, .button.primary) { background: var(--editorial-button) !important; color: var(--editorial-button-ink) !important; border: 1px solid var(--editorial-button) !important; border-radius: 3px; box-shadow: none !important; font-weight: 500; }
    html body :is(.platform-primary-cta, .button.primary):hover { background: var(--editorial-button-hover) !important; color: var(--editorial-button-ink) !important; opacity: 1; transform: none; }
    html body .button.secondary { background: var(--editorial-surface); color: var(--editorial-ink); border: 1px solid var(--editorial-border); border-radius: 3px; box-shadow: none; font-weight: 500; }
    html body .button.secondary:hover { background: var(--editorial-soft); transform: none; }
    html body :is(.platform-shell, .platform-article-card, .platform-data-card, .platform-step-card, .platform-map-shell, .platform-stat-card, .download-platform-card, .innovative-card, .contact-platform-card, .hero-feature-card, .card, .cta-band, .legal-summary, details.group) { background: var(--editorial-surface) !important; border: 1px solid var(--editorial-border) !important; border-radius: 4px !important; box-shadow: none !important; }
    html body :is(.innovative-card, .hero-feature-card, .card, .download-platform-card):hover { transform: none; border-color: var(--editorial-muted) !important; box-shadow: none !important; }
    html body :is(.innovative-card, .platform-shell, .card, .cta-band)::before,
    html body :is(.innovative-card, .platform-shell, .card, .cta-band)::after { content: none; }
    html .service-page .hero { background: var(--editorial-canvas); min-height: 620px; border-bottom: 1px solid var(--editorial-border); }
    html .service-page .hero::before { filter: saturate(.55); opacity: .6; }
    html .service-page .hero::after { background: linear-gradient(90deg, #f7f6f2eb, #f7f6f2b8), linear-gradient(0deg, var(--editorial-canvas), transparent); }
    html.dark .service-page .hero::after { background: linear-gradient(90deg, #171917eb, #171917b8), linear-gradient(0deg, var(--editorial-canvas), transparent); }
    html .service-page .hero-copy { background: transparent !important; border: 0 !important; border-radius: 0; box-shadow: none !important; backdrop-filter: none; -webkit-backdrop-filter: none; padding: 12px 0 35px; }
    html .service-page .hero h1 { color: var(--editorial-ink); font-size: clamp(38px, 5vw, 72px); font-weight: 500; letter-spacing: -.025em; line-height: 1.14; overflow-wrap: normal; }
    html .service-page .hero h1 span { color: var(--editorial-ink); font-family: inherit; font-style: normal; font-weight: 600; }
    html .service-page .eyebrow { padding: 0; border: 0; background: none; color: var(--editorial-accent); font-size: 10px; font-weight: 600; letter-spacing: .14em; margin-bottom: 25px; }
    html .service-page .lead { font-size: 17px; max-width: 820px; color: var(--editorial-muted); line-height: 1.8; }
    html .service-page :is(.hero-feature-card span, .card-number) { background: var(--editorial-soft); color: var(--editorial-accent); border-radius: 2px; font-weight: 500; }
    html .service-page :is(.hero-feature-card strong, .card h3, .section h2) { color: var(--editorial-ink); font-weight: 500; }
    html .service-page :is(.hero-feature-card p, .card p, .section-intro, .list li, .steps li) { color: var(--editorial-muted); }
    html .service-page .section { padding-block: 80px; }
    html .service-page .section:nth-of-type(3) { background: var(--editorial-soft); border-color: var(--editorial-border); }
    html .service-page .list li { background: var(--editorial-surface); border-color: var(--editorial-border); border-radius: 3px; }
    html body :is(.platform-convenios-grid, .platform-steps-grid) > div { background: var(--editorial-surface); border-color: var(--editorial-border) !important; border-radius: 4px; box-shadow: none; }
    html body :is(.platform-page-hero, .platform-hero) { background: var(--editorial-canvas); }
    html body :is(.platform-page-hero, .platform-hero)::after { background: linear-gradient(0deg, var(--editorial-canvas), transparent); }
    html body :is(.platform-page-title, .platform-title) { color: var(--editorial-ink); font-weight: 500; letter-spacing: -.025em; }
    html body :is(.platform-page-lead, .platform-subtitle) { color: var(--editorial-muted); }
    html body .legal-summary-icon { color: var(--editorial-accent); background: var(--editorial-soft); border-color: var(--editorial-border); border-radius: 3px; }
    html body .legal-summary-list a { color: var(--editorial-muted); border-color: var(--editorial-border); border-radius: 2px; }
    html body .legal-summary-list a:hover { color: var(--editorial-ink); background: var(--editorial-soft); }
    html body .platform-prose h2 { color: var(--editorial-ink); }
    html body .new-footer-style { background: var(--editorial-soft); border-top: 1px solid var(--editorial-border); box-shadow: none; }
    html body :is(.footer-text, .footer-link) { color: var(--editorial-muted); }
    html body .footer-link:hover { color: var(--editorial-ink); }
    html body .footer-separator { border-color: var(--editorial-border); background: var(--editorial-border); }
    html body.api-page {
        --api-surface: var(--editorial-surface);
        --api-subtle: var(--editorial-soft);
        --api-border: var(--editorial-border);
        --api-muted: var(--editorial-muted);
        --api-accent: var(--editorial-accent);
        --api-ink: var(--editorial-ink);
    }
    html body .api-price-accent { background: var(--editorial-soft) !important; border-color: var(--editorial-muted) !important; }
    html body :is(.api-small-button, .api-code-toolbar .api-small-button) { background: var(--editorial-soft); color: var(--editorial-ink); border-color: var(--editorial-border); border-radius: 3px; }
    html body .api-doc-sidebar a:hover, html body .api-doc-sidebar a[aria-current='location'] { background: var(--editorial-soft); color: var(--editorial-ink); border-color: var(--editorial-border); }
    html body .api-hero-note { color: var(--editorial-muted); }
    html body :is(.download-security-note, .platform-inline-note) { background: var(--editorial-soft) !important; color: var(--editorial-muted) !important; border-color: var(--editorial-border) !important; box-shadow: none; border-radius: 3px; }
    html body .download-platform-card::before { content: none; }
    html.dark body.service-page .hero-copy { backdrop-filter: none; -webkit-backdrop-filter: none; }
    html.dark body.service-page .hero h1 span { color: var(--editorial-ink); }
    html.dark body.service-page :is(.hero-feature-card span, .card-number) { background: var(--editorial-soft); color: var(--editorial-accent); }
    html.dark body.service-page .eyebrow { background: none; border: 0; }
    html.dark body.service-page .section:nth-of-type(3) { background: var(--editorial-soft); border-color: var(--editorial-border); }
    html.dark body :is(.platform-primary-cta, .service-page .platform-primary-cta, .service-page .button.primary) { background: var(--editorial-button) !important; color: var(--editorial-button-ink) !important; border-color: var(--editorial-button) !important; }
    html.dark body :is(.platform-primary-cta, .service-page .platform-primary-cta, .service-page .button.primary):hover { background: var(--editorial-button-hover) !important; color: var(--editorial-button-ink) !important; }
    html.dark body :is(.platform-secondary-cta, .service-page .button.secondary) { background: var(--editorial-soft) !important; color: var(--editorial-ink) !important; border-color: var(--editorial-border) !important; }
    html.dark body :is(.platform-secondary-cta, .service-page .button.secondary):hover { background: var(--editorial-surface) !important; border-color: var(--editorial-muted) !important; }
    html.dark body :is(.download-security-note, .platform-info-banner) { background: var(--editorial-soft) !important; border-color: var(--editorial-border) !important; color: var(--editorial-muted) !important; }
    html body .site-header #theme-toggle-dark-icon, html.dark body .site-header #theme-toggle-light-icon { opacity: 1; transform: none; }
    html body .site-header #theme-toggle-light-icon, html.dark body .site-header #theme-toggle-dark-icon { opacity: 0; transform: scale(0); }
}
@media screen and (max-width: 640px) {
    html .service-page .hero { min-height: auto; padding-block: 60px; }
    html .service-page .hero h1 { font-size: clamp(34px, 9vw, 48px); overflow-wrap: break-word; }
    html .service-page .lead { font-size: 16px; }
    html .service-page .section { padding-block: 55px; }
    html .service-page .hero-feature-card { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    html body *, html body *::before, html body *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
