:root{color-scheme:light}.header{gap:15px}.header .brand{margin-right:auto}.header nav{order:1}.theme-toggle{order:2;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-width:48px;min-height:48px;padding:12px 15px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:var(--paper);font:500 12px 'DM Sans',sans-serif;cursor:pointer}.theme-toggle[hidden]{display:none}.theme-toggle svg{width:21px;height:21px;flex-shrink:0}.theme-sun{display:none}.menu-toggle{order:3}.theme-toggle:hover{border-color:var(--red)}
html[data-theme=dark]{color-scheme:dark;--paper:#151c1a;--ink:#eef1e9;--muted:#b5bfb2;--red:#f19c86;--line:#34433b}
html[data-theme=dark] .theme-moon{display:none}html[data-theme=dark] .theme-sun{display:block}
html[data-theme=dark] .header nav,html[data-theme=dark] .art,html[data-theme=dark] .about-strip,html[data-theme=dark] .personal-note,html[data-theme=dark] .tools-band,html[data-theme=dark] .project-intent,html[data-theme=dark] .whatsapp-contact,html[data-theme=dark] .coverage-panel,html[data-theme=dark] .support-note{background:#202d26;border-color:#34433b}
html[data-theme=dark] .header nav a:hover,html[data-theme=dark] .header nav a[aria-current],html[data-theme=dark] .header nav a.section-current,html[data-theme=dark] .portfolio-card,html[data-theme=dark] .service-card,html[data-theme=dark] .attention-panel article,html[data-theme=dark] .quick-routes>a,html[data-theme=dark] .topic-link,html[data-theme=dark] .capture-thumb,html[data-theme=dark] .quiet-link,html[data-theme=dark] .lightbox-panel button{background:#1c2721;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .header nav a[aria-current],html[data-theme=dark] .header nav a.section-current{color:var(--red)}
html[data-theme=dark] .button,html[data-theme=dark] .header nav a:last-child,html[data-theme=dark] .bio-mark,html[data-theme=dark] .contact-card:not(.phone){background:#c54c36;color:#fff8f3}
html[data-theme=dark] .button:hover,html[data-theme=dark] .header nav a:last-child:hover{background:#ae3e2b}
html[data-theme=dark] .contact-card.phone,html[data-theme=dark] .feature-panel,html[data-theme=dark] .project-technical{background:#202d26;color:var(--ink)}
html[data-theme=dark] .quiet-link:hover,html[data-theme=dark] .topic-link:hover{background:#29382e;border-color:var(--red)}
html[data-theme=dark] .route-icon,html[data-theme=dark] .app-icon,html[data-theme=dark] .service-icon{background:#3d2e25;color:#ffb39d}
html[data-theme=dark] .quick-routes>a:nth-child(2) .route-icon,html[data-theme=dark] .app-machine,html[data-theme=dark] .service-redes{background:#2b3d2a;color:#c0d7a6}
html[data-theme=dark] .quick-routes>a:nth-child(3) .route-icon,html[data-theme=dark] .app-factory,html[data-theme=dark] .service-automatizacion{background:#2d3349;color:#c6cef3}
html[data-theme=dark] .service-electricidad{background:#433a22;color:#efd18a}
html[data-theme=dark] .project-figure,html[data-theme=dark] .project-figure>a,html[data-theme=dark] .lightbox-stage,html[data-theme=dark] .capture-thumb img{background:#111914}
html[data-theme=dark] .project-figure figcaption{background:#1b251f;color:#bcc7b7;border-color:var(--line)}
html[data-theme=dark] .project-figure img{border-color:#3c4a40}
html[data-theme=dark] .project-intent>div>p:not(.eyebrow),html[data-theme=dark] .coverage-options p,html[data-theme=dark] .coverage-panel>div>p:not(.eyebrow){color:var(--muted)}
html[data-theme=dark] .coverage-options article{border-color:var(--line)}
html[data-theme=dark] .image-dialog,html[data-theme=dark] .lightbox-panel header{background:#18211b;color:var(--ink)}
html[data-theme=dark] .art{background-image:radial-gradient(#40523c .7px,transparent .7px);box-shadow:inset 0 0 0 1px #34433b}
html[data-theme=dark] .brand-art .orbit{border-color:#3d503a}
html[data-theme=dark] .hero-brand-logo{filter:none}
html[data-theme=dark] .quick-routes>a>.ui-icon{color:#aebba7}
html[data-theme=dark] .discipline:hover{background:#202d26}
html[data-theme=dark] ::selection{background:#743e2d;color:white}
@media(max-width:1100px){.theme-label{display:none}.theme-toggle{padding:12px;min-width:46px}.header{gap:10px}.header nav a{padding-inline:10px}}
@media(max-width:700px){.header{gap:10px}.theme-toggle{width:46px;height:46px;min-height:46px;border-radius:14px;padding:11px}.header nav a{padding:16px}.header .brand{margin-right:auto}html[data-theme=dark] .header nav{background:#18231c}html[data-theme=dark] .mobile-contact>a{background:#286142;color:#f5fff7;box-shadow:0 5px 22px #0007,0 0 0 1px #77a98755}}

html[data-theme=dark] .business-entry,html[data-theme=dark] .business-start{background:#202d26}html[data-theme=dark] .business-icon{background:#2b3d2a;color:#c0d7a6}html[data-theme=dark] .business-options article{background:#1c2721}
