/* Selector de tema compartido. Se carga al final para cubrir todas las rutas. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);font-size:12px;font-weight:600;cursor:pointer}.theme-toggle:hover{border-color:var(--link);color:var(--link)}.theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;font-size:18px;line-height:1}.theme-toggle-label{display:none}.theme-toggle[hidden],.menu-toggle[hidden]{display:none!important}

@media(min-width:1200px){.header-inner{gap:18px}.header-inner nav{gap:19px}}
@media(max-width:1199px){.header-inner nav{order:3}}
@media(max-width:639px){.header-inner>.theme-toggle{align-self:center}}

html[data-theme="dark"]{color-scheme:dark;--ink:#e8f2f8;--link:#54c9f4;--muted:#a9bdca;--canvas:#101f2b;--line:#2b4354;--white:#0b1822;--surface:#142633;--surface-soft:#1a3040;--surface-accent:#173647}
html[data-theme="dark"] body{background:var(--white);color:var(--ink)}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .menu-toggle,html[data-theme="dark"] .theme-toggle{background:rgba(11,24,34,.97)}
html[data-theme="dark"] .hero-copy .lead{color:var(--muted)}
html[data-theme="dark"] .web-section{background:var(--white)}
html[data-theme="dark"] .service-card:hover,
html[data-theme="dark"] .service-featured,
html[data-theme="dark"] .web-type-active,
html[data-theme="dark"] .plan-label,
html[data-theme="dark"] .choice-corporate,
html[data-theme="dark"] .about-evidence .about-software-evidence{background:var(--surface-accent);border-color:#35627a}
html[data-theme="dark"] .service-symbol,
html[data-theme="dark"] .mail-inclusions article>span,
html[data-theme="dark"] .presence-tags span{background:var(--surface-soft);border-color:var(--line)}
html[data-theme="dark"] .web-types,
html[data-theme="dark"] .plan,
html[data-theme="dark"] .software-card,
html[data-theme="dark"] .email-example,
html[data-theme="dark"] .software-solution-detail,
html[data-theme="dark"] .presence-plan-grid article:not(.social-featured),
html[data-theme="dark"] .about-evidence>article,
html[data-theme="dark"] .works-client,
html[data-theme="dark"] .works-image-pending small{background:var(--surface);color:var(--ink)}
html[data-theme="dark"] .corporate-plans{background:var(--canvas)}
html[data-theme="dark"] .project-placeholder,
html[data-theme="dark"] .project-card:nth-child(2) .project-placeholder,
html[data-theme="dark"] .project-card:nth-child(3) .project-placeholder,
html[data-theme="dark"] .project-card:nth-child(4) .project-placeholder,
html[data-theme="dark"] .works-image-pending{background:var(--surface-soft)}
html[data-theme="dark"] .works-image-pending>span:not(.works-window-label){color:var(--ink)}
html[data-theme="dark"] .inquiry-field input,
html[data-theme="dark"] .inquiry-field select,
html[data-theme="dark"] .inquiry-field textarea{background:var(--surface);color:var(--ink);border-color:#668093}
html[data-theme="dark"] .inquiry-errors,
html[data-theme="dark"] .inquiry-notice{background:#351f1b;color:#ffd8ca;border-color:#b9684e}
html[data-theme="dark"] .button:not(.button-outline):not(.button-light):not(.button-dark-outline),
html[data-theme="dark"] .button:not(.button-outline):not(.button-light):not(.button-dark-outline):hover,
html[data-theme="dark"] .recommended .plan-label{color:#fff!important}
html[data-theme="dark"] .button-outline{border-color:#668093}
html[data-theme="dark"] .whatsapp-shortcut{background:var(--surface);color:var(--ink);border-color:#668093;box-shadow:0 3px 14px rgba(0,0,0,.35)}
html[data-theme="dark"] .software-visual,
html[data-theme="dark"] .credential,
html[data-theme="dark"] .inventory-window,
html[data-theme="dark"] .window-header{color:#10202b}

@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}