/* V22 - Navegación, WhatsApp y modo automático */
.navlinks .sp-result-nav{white-space:nowrap;padding:12px 17px!important;font-size:12px!important;box-shadow:0 8px 24px rgba(20,64,227,.14)!important}
.navlinks .sp-result-nav i{font-size:15px}
.navlinks{gap:13px!important}
.sp-theme-btn{display:none!important}
.sp-wa-floating{position:fixed;right:21px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#08b968;color:#fff;display:grid;place-items:center;font-size:27px;text-decoration:none;z-index:101;box-shadow:0 12px 30px rgba(8,122,73,.28);transition:transform .2s,box-shadow .2s}
.sp-wa-floating:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(8,122,73,.34);color:#fff}
.sp-wa-floating:focus-visible{outline:3px solid #1440e3;outline-offset:3px}
.sp-backtop{right:28px!important;bottom:87px!important;width:42px!important;height:42px!important;z-index:100!important}
@media(max-width:1100px){.navlinks{gap:8px!important}.navlinks .sp-result-nav{font-size:11px!important;padding:11px!important}}
@media(max-width:860px){.navlinks .sp-result-nav{width:100%;justify-content:center;margin:6px auto}.sp-wa-floating{width:52px;height:52px;right:15px;bottom:18px}.sp-backtop{right:20px!important;bottom:84px!important}}
/* Modo oscuro automático: conservar claridad de héroes y documentos PDF */
html.sp-dark{color-scheme:dark}
html.sp-dark .sp-wa-floating{color:#fff!important}
html.sp-dark .result-card .result-input{background:#162235!important;border-color:#40516a!important}
html.sp-dark .result-card .result-input input{color:#f2f6fc!important}
html.sp-dark .result-card .result-input input::placeholder{color:#9baec3}
html.sp-dark .result-card label,html.sp-dark .result-card-top,html.sp-dark .result-form-bottom p{color:#e1eaf4!important}
html.sp-dark .result-help-line p,html.sp-dark .result-help-bottom b{color:#ecf4fb!important}
html.sp-dark .result-hero h1,html.sp-dark .result-hero p,html.sp-dark .result-hero-benefits span{color:#525963!important}
html.sp-dark .result-hero .result-hero-graphic *,html.sp-dark .result-hero .result-hero-graphic b{color:#334155!important}
html.sp-dark .hero h1,html.sp-dark .hero .lead,html.sp-dark .hero-stats,html.sp-dark .inner-hero h1,html.sp-dark .inner-hero p,html.sp-dark .order-hero h1,html.sp-dark .order-hero p{color:#525963!important}
@media(prefers-reduced-motion:reduce){.sp-wa-floating{transition:none!important}}

/* V22.1: marca permanentemente luminosa */
:root{color-scheme:light!important}html{color-scheme:light!important}