.header-tools{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.topbar{gap:22px}.nav{gap:25px;padding-inline:27px;white-space:nowrap}.client-area{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;min-height:46px;padding:12px 18px;border:1px solid #dce2e2;border-radius:30px;white-space:nowrap;background:#fff8;transition:background .2s,border-color .2s}.client-area:hover{border-color:var(--teal);background:var(--soft)}.header-tools .header-quote{font-size:13px;min-height:48px;padding:13px 22px}.theme-toggle{width:46px;height:46px;border:1px solid #dce2e2;border-radius:50%;background:#fff8;display:grid;place-items:center;color:var(--ink);padding:11px;flex-shrink:0}.theme-toggle:hover{border-color:var(--teal)}.theme-toggle svg{width:22px;height:22px}.theme-sun{display:none}html[data-theme=dark] .theme-moon{display:none}html[data-theme=dark] .theme-sun{display:block}
html[data-theme=dark]{--ink:#edf1f5;--teal:#20c8ba;--teal-dark:#65d7cb;--muted:#a7afb9;--line:#343a47;--canvas:#11131e;--soft:#193a37;color-scheme:dark}html[data-theme=dark] body{background:var(--canvas)}html[data-theme=dark] .brand img{filter:brightness(0) invert(1)}html[data-theme=dark] .panel,html[data-theme=dark] .include,html[data-theme=dark] .principle,html[data-theme=dark] .service-card,html[data-theme=dark] .portfolio-card,html[data-theme=dark] .contact-form{background:#1b1f2b;border-color:var(--line)}html[data-theme=dark] .hero{background:#1b1f2b}html[data-theme=dark] .hero:before{opacity:.035;mix-blend-mode:screen}html[data-theme=dark] .nav,html[data-theme=dark] .badge,html[data-theme=dark] .client-area,html[data-theme=dark] .theme-toggle{background:#232837;border-color:#373d4a}html[data-theme=dark] .badge{box-shadow:0 8px 20px #0002}html[data-theme=dark] .client-area:hover,html[data-theme=dark] .theme-toggle:hover{background:#2a3b40;border-color:var(--teal)}html[data-theme=dark] .btn{background:#65d7cb;border-color:#65d7cb;color:#102c2a;box-shadow:0 6px 10px #0002,inset 0 -3px 0 #0002}html[data-theme=dark] .btn:hover{background:#88e2d9}html[data-theme=dark] .btn.light{background:#252b38;border-color:#3c4453;color:#edf1f5}html[data-theme=dark] .btn.teal{background:#20c8ba;border-color:#20c8ba;color:#102c2a}html[data-theme=dark] .hero-chip:not(.logo-chip){background:linear-gradient(145deg,#254b46,#183a37);border-color:#3d5d57;color:#83e1d6}html[data-theme=dark] .logo-chip{border-color:#ddd;background:#fff}html[data-theme=dark] .hero-note{color:#a7afb9}html[data-theme=dark] .showcase{background:radial-gradient(at 10% 0,#252943,transparent 55%),radial-gradient(at 90% 0,#155b55,transparent 55%),#1b3335}html[data-theme=dark] .browser-shell{background:#263c3db3;border-color:#ffffff22}html[data-theme=dark] .browser-bar{color:#b7c4c5}html[data-theme=dark] .screen{background:#1c2330}html[data-theme=dark] .screen-sidebar{background:#10121e}html[data-theme=dark] .metric{background:#222b37}html[data-theme=dark] .live-dot{background:#20433d;color:#8ce3d9}html[data-theme=dark] .about-art{background:linear-gradient(145deg,#26333c,#18413d)}html[data-theme=dark] .about-mark{background:#f2f7f6;border-radius:22px;padding:15px}html[data-theme=dark] .float-tag{background:#1c2a32ed;border-color:#42605c;box-shadow:0 15px 25px #0002}html[data-theme=dark] .text-link{border-color:#46505a}html[data-theme=dark] .service-art{background:#262d3d}html[data-theme=dark] .service-art.shop{background:#1f3c37}html[data-theme=dark] .service-art.seo{background:#2c2e47}html[data-theme=dark] .service-art.care{background:#263b3b}html[data-theme=dark] .mini-window{background:#344050;color:#eef4f4}html[data-theme=dark] .mini-window .dots{border-color:#52606d;color:#a8b7bb}html[data-theme=dark] .mini-line{background:#60727a}html[data-theme=dark] .orbit{color:#8ce1d7;border-color:#5d7473;box-shadow:0 0 0 20px #fff04,0 0 0 40px #fff03}html[data-theme=dark] .dark{background:#0a101a}html[data-theme=dark] .dark p{color:#aebbc8}html[data-theme=dark] .search-bar,html[data-theme=dark] .search-result{background:#25313f;color:#edf1f5}html[data-theme=dark] .search-result p{color:#b5c0ca}html[data-theme=dark] .search-art{border-color:#ffffff20;background:#ffffff05}html[data-theme=dark] .platform-preview{background:#1d3935}html[data-theme=dark] .hosting-banner{background:#1d3935;border-color:#31544e}html[data-theme=dark] .service-tags span{background:#253039;border-color:#3c4d51}html[data-theme=dark] .cta{background:#1b1f2b}html[data-theme=dark] .footer-bottom{border-color:var(--line)}html[data-theme=dark] .wa-floating{color:#102c2a;border-color:#ffffff33}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#151c29;border-color:#3e4856;color:#edf1f5}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#919ba9}html[data-theme=dark] .portfolio-note{background:#1d3935}html[data-theme=dark] .skip{background:#222d39;color:#edf1f5}
/* SEO Azul conserva los mismos precios y contraste en ambos temas. */
html[data-theme=dark] .seo-plan,html[data-theme=dark] .seo-calc-controls{background:#1b1f2b;border-color:#39463f}html[data-theme=dark] .seo-target,html[data-theme=dark] .seo-addon{background:#203933;border-color:#3a5e54}html[data-theme=dark] .seo-no-term{background:#24463c;color:#8fdfca}html[data-theme=dark] .seo-setup{background:#1d3430;border-color:#39574f}html[data-theme=dark] .seo-setup-rule,html[data-theme=dark] .seo-price-breakdown>div{border-color:#3b5850}html[data-theme=dark] .seo-calc-result{background:#0c1420;color:#edf1f5}html[data-theme=dark] .seo-calc-controls input[type=range]{background:transparent}
@media(max-width:1250px){.topbar{padding-inline:24px;gap:18px}.brand img{width:178px}.nav{gap:20px;padding:16px 22px}.header-tools{gap:9px}.client-area{font-size:12px;padding:12px 15px}.header-tools .header-quote{padding-inline:18px;font-size:12px}}
@media(max-width:1100px){.nav{display:none;position:absolute;top:86px;left:12px;right:12px;padding:26px;border-radius:20px;background:#fff;box-shadow:0 15px 25px #10102e10;flex-direction:column;gap:20px;white-space:normal}.nav.open{display:flex}.menu-toggle{display:block;flex-shrink:0}.topbar>.menu-toggle{margin-left:0}.header-tools{margin-left:auto}.topbar{height:90px}.nav a{font-size:15px}}
@media(max-width:850px){.topbar{height:82px}.nav{top:76px}}
@media(max-width:650px){.header-tools .header-quote{display:none}.topbar{padding-inline:18px;gap:12px}.brand img{width:175px}.client-area{min-height:42px;padding:10px 13px;font-size:12px}.theme-toggle{width:42px;height:42px;padding:10px}.theme-toggle svg{width:20px;height:20px}.header-tools{gap:8px}.menu-toggle{width:38px;padding:7px}}
@media(max-width:540px){.topbar{padding-inline:14px;gap:6px;height:78px}.brand img{width:137px}.header-tools{gap:6px}.client-area{font-size:10px;min-height:36px;padding:9px 11px;gap:6px}.theme-toggle{width:36px;height:36px;padding:8px}.theme-toggle svg{width:18px;height:18px}.menu-toggle{width:32px;padding:5px}.menu-toggle span{margin:5px 0}.nav{top:74px}}
@media(max-width:360px){.topbar{padding-inline:12px}.brand img{width:96px}.client-area{padding-inline:9px}.theme-toggle{width:34px;height:34px}}