/* Theme-aware colors for existing page-specific surfaces. */
html[data-theme="dark"] .blog-search input{background:var(--paper)}
html[data-theme="dark"] .blog-tags button{background:var(--paper)}
html[data-theme="dark"] .closing-cta .button:hover,html[data-theme="dark"] .closing-cta .button:focus-visible{background:var(--soft)}
html[data-theme="dark"] .contact-form .contact-service{background:var(--paper)}
html[data-theme="dark"] .kommo-testimonial__media{background:var(--soft)}
html[data-theme="dark"] .method__ball::before{background:radial-gradient(circle, var(--soft) 0%, #9cff78 18%, #35f332b3 40%, #35f33200 72%)}
html[data-theme="dark"] .orb-hero__shell{background:radial-gradient(circle at 32% 27%, rgba(17,21,19,0.72) 0%, rgba(17,21,19,0.08) 28%, rgba(13, 14, 18, 0.035) 68%, rgba(13, 14, 18, 0.11) 100%)}
html[data-theme="dark"] .kommo-benefits .kommo-benefits__icon{background:var(--soft);color:var(--ink)}
html[data-theme="dark"] .services-intro{background:var(--paper)}
html[data-theme="dark"] .site-header{background:rgba(17,21,19,0.92)}
html[data-theme="dark"] .nav-group__panel a:hover,html[data-theme="dark"] .nav-group__panel a:focus-visible,html[data-theme="dark"] .nav-group__panel a.is-active{background:var(--soft)}
html[data-theme="dark"] .services{background:var(--paper)}
html[data-theme="dark"] .service-row--marketing .service-row__signal--marketing{background:var(--paper)}
html[data-theme="dark"] .service-row .service-row__signal--art{background:var(--paper)}
html[data-theme="dark"] .solution-card{background:var(--paper)}
html[data-theme="dark"] .solution-card--kommo{background:var(--soft)}
html[data-theme="dark"] .solution-card--kommo::after{background:linear-gradient(to top, var(--paper) 0%, rgba(17,21,19,0.98) 25%, rgba(17,21,19,0.85) 42%, rgba(17,21,19,0.25) 64%, transparent 82%)}
html[data-theme="dark"] .solution-card--kommo .solution-card__description{color:var(--muted)}
html[data-theme="dark"] .solution-card__video-toggle{background:rgba(17,21,19,0.85)}
html[data-theme="dark"] .automation-path i{background:var(--paper)}
html[data-theme="dark"] .contact-cta .button:hover,html[data-theme="dark"] .contact-cta .button:focus-visible{background:var(--soft)}
html[data-theme="dark"] .project-tile__link:hover .project-tile__visual,html[data-theme="dark"] .project-tile__link:focus-visible .project-tile__visual{background:var(--soft)}
html[data-theme="dark"] .project-tile__visual--background .project-tile__number{background:rgba(17,21,19,0.88)}
html[data-theme="dark"] .logo-surface--dark,html[data-theme="dark"] .logo-surface--light,html[data-theme="dark"] .logo-surface--white,html[data-theme="dark"] .client-index__visual,html[data-theme="dark"] .client-detail__identity,html[data-theme="dark"] .website-case__client,html[data-theme="dark"] .showcase-card__client,html[data-theme="dark"] .customer-carousel__logo,html[data-theme="dark"] .project-tile__visual:has(.project-tile__logo):not(.project-tile__visual--background){background:var(--paper) !important}
html[data-theme="dark"] .logo-surface--white,html[data-theme="dark"] .project-tile__link:hover .logo-surface--white,html[data-theme="dark"] .project-tile__link:focus-visible .logo-surface--white{background:var(--paper)}
html[data-theme="dark"] .kommo-feature > span{color:var(--ink)}
html[data-theme="dark"] .kommo-feature__media{background:var(--soft)}
html[data-theme="dark"] .site-nav{background-color:var(--paper)}
html[data-theme="dark"] .web-preview{background:var(--paper)}
html[data-theme="dark"] .web-preview__chrome b{color:var(--muted)}
html[data-theme="dark"] .web-preview__content > div span{background:var(--soft)}
html[data-theme="dark"] .websites-hero__frame{background:var(--paper)}
html[data-theme="dark"] .websites-scope li::before{color:var(--ink)}
html[data-theme="dark"] .websites-work__preview{background:var(--soft)}
html[data-theme="dark"] .websites-work__preview .web-preview__chrome{background:var(--soft)}
html[data-theme="dark"] .websites-page .page-cta .button{background:var(--soft);color:var(--ink)}
html[data-theme="dark"] .showcase-page .page-cta .button{color:var(--ink)}
html[data-theme="dark"] .showcase-page .page-cta .button:hover,html[data-theme="dark"] .showcase-page .page-cta .button:focus-visible{background:var(--soft)}
html[data-theme="dark"] .system-case__back:hover{background:var(--paper)}
html[data-theme="dark"] .case-media__expand{background:var(--paper)}
html[data-theme="dark"] .systems-work__preview > img{background:var(--soft)}
html[data-theme="dark"] .websites-page--service .websites-work__preview > img{background:var(--paper)}
.site-header { gap:20px; }
.site-header__identity { margin-right:auto; }
.theme-toggle { align-items:center; justify-content:center; display:inline-flex; flex:0 0 44px;
  height:44px; width:44px; padding:10px; border:1px solid var(--line); border-radius:50%;
  background:transparent; color:var(--ink); cursor:pointer; position:relative; z-index:22; order:1; }
.site-header .site-nav { order:2; }
.site-header .menu-toggle { order:3; flex-shrink:0; }
.theme-toggle svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.theme-toggle__sun { display:none; }
.theme-toggle:hover { background:var(--soft); }
.theme-toggle:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
html[data-theme="dark"] { --paper:#111513; --soft:#1b211d; --ink:#edf3eb; --muted:#b0bcb0; --line:#3d4a40; color-scheme:dark; }
html[data-theme="dark"] .theme-toggle__sun { display:block; }
html[data-theme="dark"] .theme-toggle__moon { display:none; }
html[data-theme="dark"] body { background:var(--paper); color:var(--ink); }
html[data-theme="dark"] .site-header { background:rgba(17,21,19,.95); }
html[data-theme="dark"] :is(.nav-group__panel,.site-nav,.services,.services-intro,.solution-card,.contact-form .contact-service,.blog-search input,.blog-tags button) { background:var(--paper); }
html[data-theme="dark"] :is(.nav-group__panel a:hover,.nav-group__panel a:focus-visible,.nav-group__panel a.is-active) { background:var(--soft); }
html[data-theme="dark"] :is(.proof,.site-footer,.closing-cta,.contact-cta) { background:#0b100d; color:#edf3eb; }
html[data-theme="dark"] :is(.button--dark,.nav-cta,.blog-tags button[aria-pressed="true"]) { background:#fff; color:#101c12; }
html[data-theme="dark"] :is(.button:hover,.button:focus-visible,.nav-cta:hover,.nav-cta:focus-visible,.nav-cta.is-active,.closing-cta .button,.contact-cta .button,.website-case__topline a,.system-case__back,.showcase-card__control:hover,.social-carousel__controls button:not(:disabled):hover,.capability-index a:hover,.capability-index a:focus-visible) { background:var(--green); color:#0d0e12; }
html[data-theme="dark"] :is(.belief h2 span,.skip-link,.capability-module,.contact:not(.contact--page),.page-cta) { color:#0d0e12; }
html[data-theme="dark"] ::selection { background:var(--green); color:#0d0e12; }
html[data-theme="dark"] :is(.contact-form input,.contact-form textarea,.blog-search input) { color:var(--ink); border-color:var(--line); }
html[data-theme="dark"] :is(input,textarea)::placeholder { color:#9dab9d; opacity:1; }
html[data-theme="dark"] .contact-form .contact-service input { accent-color:var(--green); }
html[data-theme="dark"] .contact-form .contact-service:has(input:checked) { border-color:var(--green); box-shadow:inset 0 0 0 1px var(--green); }
html[data-theme="dark"] .orb-hero__chevron { fill:#9aa69b; }
html[data-theme="dark"] .orb-hero__shell { background:radial-gradient(circle at 32% 27%,#ffffff16 0%,#ffffff04 28%,#ffffff08 68%,#ffffff15 100%); border-color:#8b9b8d66; box-shadow:inset -18px -22px 34px #0003,inset 13px 10px 24px #fff1; }
html[data-theme="dark"] .service-effects__nodes { fill:var(--paper); }
/* Preserve original client logos, screenshots, and art on their light canvases. */
html[data-theme="dark"] :is(.logo-surface--dark,.logo-surface--light,.logo-surface--white,.client-index__visual,.client-detail__identity,.website-case__client,.showcase-card__client,.customer-carousel__logo,.project-tile__visual:has(.project-tile__logo):not(.project-tile__visual--background)) { background:#fff!important; color:#0d0e12; }
html[data-theme="dark"] :is(.service-row__signal--art,.service-row__signal--marketing,.websites-hero__frame,.web-preview) { background:#fff; }
html[data-theme="dark"] .site-header__partner { background:#fff; padding:4px; border-radius:3px; }
html[data-theme="dark"] .kommo-page .button,html[data-theme="dark"] .site-header--kommo .nav-cta { background:#6453da; color:#fff; }
html[data-theme="dark"] .kommo-page .button:hover,html[data-theme="dark"] .site-header--kommo .nav-cta:hover { background:#7564eb; color:#fff; }
html[data-theme="dark"] :is(.kommo-page,.site-header--kommo) { --paper:#151321; --soft:#221e32; --line:#494157; }
html[data-theme="dark"] .site-header.site-header--kommo { background:rgba(21,19,33,.95); }
html[data-theme="dark"] :is(.kommo-overview,.contact-direct) { background:#0b100d; color:#edf3eb; }
html[data-theme="dark"] .hero h1 em::after { bottom:-.02em; height:.055em; }
html[data-theme="dark"] :is(.social-video__button,.showcase-card__control,.solution-card__video-toggle,.kommo-testimonial__play > span:first-child) { color:#fff; background:#0d0e12cc; }
html[data-theme="dark"] :is(.social-video__fallback,.solution-card--kommo::after) { color:#edf3eb; background:#111513; }
@media (max-width:720px) {
  .site-header { gap:8px; }
  .theme-toggle { flex-basis:44px; height:44px; width:44px; padding:10px; }
  .site-header--kommo .wordmark__logo { width:120px; }
  .site-header--kommo .site-header__partner { width:58px; }
  .site-header--kommo .site-header__identity { gap:6px; }
  html[data-theme="dark"] #inicio.hero::after { background:linear-gradient(180deg,#11151300 0%,#11151308 43%,#111513be 64%,#111513 87%); }
  html[data-theme="dark"] #inicio .hero__lede { color:var(--muted); }
  html[data-theme="dark"] #inicio .orb-hero { opacity:.38; }
  html[data-theme="dark"] .site-nav .nav-cta { background:#fff; color:#0d0e12; }
}
@media(max-width:350px) { .site-header--kommo .site-header__partner { display:none; } }
html[data-theme="dark"] :is(.button,.nav-cta) { background:#fff!important; color:#0d0e12!important; }
html[data-theme="dark"] :is(.button:hover,.nav-cta:hover) { background:#eee!important; }
html[data-theme="dark"] .kommo-page .button,html[data-theme="dark"] .site-header--kommo .nav-cta { background:#6453da!important; color:#fff!important; }
html[data-theme="dark"] .kommo-page .button:hover,html[data-theme="dark"] .site-header--kommo .nav-cta:hover { background:#7564eb!important; color:#fff!important; }

/* Keep the theme control circular at every header breakpoint. */
.site-header .theme-toggle { box-sizing:border-box; flex:0 0 44px; width:44px; height:44px; min-width:44px; min-height:44px; max-width:44px; max-height:44px; aspect-ratio:1; border-radius:50%; padding:10px; }

/* A subtle, centered halo separates hero copy from the eye artwork. */
#inicio .hero__copy h1, #inicio .hero__lede { text-shadow:0 0 8px rgba(255,255,255,.65); }
html[data-theme="dark"] #inicio .hero__copy h1, html[data-theme="dark"] #inicio .hero__lede { text-shadow:0 0 8px rgba(0,0,0,.65); }