/* =========================================================
   GRUPO SEINTO · MODO CLARO / OSCURO GLOBAL
   ========================================================= */

:root {
    --gs-theme-bg: #ffffff;
    --gs-theme-surface: #ffffff;
    --gs-theme-surface-2: #f7f9fb;
    --gs-theme-surface-3: #eef3f7;
    --gs-theme-text: #111827;
    --gs-theme-muted: #667085;
    --gs-theme-line: rgba(17, 24, 39, .12);
    --gs-theme-line-strong: rgba(17, 24, 39, .18);
    --gs-theme-dash: rgba(17, 24, 39, .14);
    --gs-theme-dot: rgba(8, 114, 190, .14);
    --gs-theme-shadow: rgba(17, 24, 39, .09);
}

html[data-gs-theme="dark"] {
    color-scheme: dark;
    --gs-theme-bg: #0b0e12;
    --gs-theme-surface: #101419;
    --gs-theme-surface-2: #151a21;
    --gs-theme-surface-3: #1a2028;
    --gs-theme-text: #f3f6f9;
    --gs-theme-muted: #a5b0bc;
    --gs-theme-line: rgba(223, 232, 240, .13);
    --gs-theme-line-strong: rgba(223, 232, 240, .20);
    --gs-theme-dash: rgba(223, 232, 240, .17);
    --gs-theme-dot: rgba(91, 177, 239, .20);
    --gs-theme-shadow: rgba(0, 0, 0, .34);

    --gs-black: #f5f7fa;
    --gs-dark: #edf2f6;
    --gs-text: #f3f6f9;
    --gs-muted: #a5b0bc;
    --gs-line: #28313b;
    --gs-white: #0b0e12;
}

html[data-gs-theme="dark"],
html[data-gs-theme="dark"] body {
    background: var(--gs-theme-bg);
    color: var(--gs-theme-text);
}

html[data-gs-theme="dark"] body {
    color-scheme: dark;
}

/* ---------------------------------------------------------
   BOTÓN DEL HEADER
   --------------------------------------------------------- */
.gs-theme-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid rgba(17, 24, 39, .13);
    border-radius: 50%;
    color: #596675;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 7px 20px rgba(17, 24, 39, .05);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.gs-theme-toggle:hover,
.gs-theme-toggle:focus-visible {
    color: var(--gs-blue);
    border-color: rgba(8, 114, 190, .32);
    background: #fff;
    box-shadow: 0 9px 24px rgba(8, 114, 190, .10);
    transform: translateY(-1px);
    outline: none;
}

.gs-theme-toggle__icon {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    transition: opacity .18s ease, transform .22s ease;
}

.gs-theme-toggle__icon svg {
    width: 18px;
    height: 18px;
}

.gs-theme-toggle__icon--sun {
    opacity: 0;
    transform: rotate(-35deg) scale(.72);
}

.gs-theme-toggle__icon--moon {
    opacity: 1;
    transform: rotate(0) scale(1);
}

html[data-gs-theme="dark"] .gs-theme-toggle {
    color: #dbe4ec;
    border-color: rgba(255, 255, 255, .13);
    background: rgba(255, 255, 255, .055);
    box-shadow: none;
}

html[data-gs-theme="dark"] .gs-theme-toggle:hover,
html[data-gs-theme="dark"] .gs-theme-toggle:focus-visible {
    color: var(--gs-orange);
    border-color: rgba(255, 148, 24, .38);
    background: rgba(255, 255, 255, .085);
}

html[data-gs-theme="dark"] .gs-theme-toggle__icon--sun {
    opacity: 1;
    transform: rotate(0) scale(1);
}

html[data-gs-theme="dark"] .gs-theme-toggle__icon--moon {
    opacity: 0;
    transform: rotate(35deg) scale(.72);
}

/* ---------------------------------------------------------
   HEADER / MEGA MENÚ / NAVEGACIÓN MÓVIL
   --------------------------------------------------------- */
html[data-gs-theme="dark"] .gs-header {
    --gs-header-text: #f3f6f9;
    --gs-header-muted: #a5b0bc;
    --gs-header-border: rgba(255, 255, 255, .11);
    --gs-header-border-strong: rgba(255, 255, 255, .17);
    --gs-header-scrolled-bg: #0d1116;
    --gs-header-dash: rgba(255, 255, 255, .15);
    color: var(--gs-theme-text);
}

html[data-gs-theme="dark"] .gs-nav__link,
html[data-gs-theme="dark"] .gs-header__brand-text {
    color: var(--gs-theme-text);
}

html[data-gs-theme="dark"] .gs-nav__chevron {
    color: rgba(243, 246, 249, .55);
}

html[data-gs-theme="dark"] .gs-nav__link:hover,
html[data-gs-theme="dark"] .gs-nav__link:focus-visible,
html[data-gs-theme="dark"] .gs-nav__item.is-open > .gs-nav__link,
html[data-gs-theme="dark"] .gs-nav__item.current-menu-item > .gs-nav__link,
html[data-gs-theme="dark"] .gs-nav__item.current-menu-ancestor > .gs-nav__link,
html[data-gs-theme="dark"] .gs-nav__item.is-current > .gs-nav__link {
    color: #55b7f5;
    background: rgba(45, 157, 231, .09);
    border-color: rgba(45, 157, 231, .20);
}

html[data-gs-theme="dark"] .gs-header.is-scrolled {
    background: rgba(11, 14, 18, .96) !important;
    background-color: rgba(11, 14, 18, .96) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
}

html[data-gs-theme="dark"] .gs-header.is-scrolled .gs-header__inner {
    border-left-color: var(--gs-theme-dash);
    border-right-color: var(--gs-theme-dash);
}

html[data-gs-theme="dark"] .gs-header.is-scrolled,
html[data-gs-theme="dark"] .gs-header.is-scrolled .gs-header__brand-text,
html[data-gs-theme="dark"] .gs-header.is-scrolled .gs-nav__link,
html[data-gs-theme="dark"] .gs-header.is-scrolled .gs-header__burger {
    color: var(--gs-theme-text) !important;
}

html[data-gs-theme="dark"] .gs-header.is-scrolled .gs-nav__link:hover,
html[data-gs-theme="dark"] .gs-header.is-scrolled .gs-nav__link:focus-visible,
html[data-gs-theme="dark"] .gs-header.is-scrolled .gs-nav__item.is-current > .gs-nav__link,
html[data-gs-theme="dark"] .gs-header.is-scrolled .gs-nav__item.current-menu-item > .gs-nav__link {
    color: #55b7f5 !important;
}

html[data-gs-theme="dark"] .gs-mega,
html[data-gs-theme="dark"] .gs-mega__grid,
html[data-gs-theme="dark"] .gs-mega__card {
    color: var(--gs-theme-text);
    background-color: #11161c;
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] .gs-mega {
    box-shadow: 0 22px 56px rgba(0, 0, 0, .36);
}

html[data-gs-theme="dark"] .gs-mega__card:hover,
html[data-gs-theme="dark"] .gs-mega__card:focus-visible {
    color: var(--gs-theme-text);
    background: rgba(45, 157, 231, .08);
}

html[data-gs-theme="dark"] .gs-mega__content strong { color: var(--gs-theme-text); }
html[data-gs-theme="dark"] .gs-mega__content small,
html[data-gs-theme="dark"] .gs-header__menu-empty { color: var(--gs-theme-muted); }

html[data-gs-theme="dark"] .gs-header__burger {
    color: var(--gs-theme-text);
    border-color: var(--gs-theme-line-strong);
    background: rgba(255, 255, 255, .045);
}

html[data-gs-theme="dark"] .gs-mobile-nav {
    background: rgba(8, 11, 15, .98);
    border-top-color: var(--gs-theme-line);
}

/* ---------------------------------------------------------
   FOOTER
   --------------------------------------------------------- */
html[data-gs-theme="dark"] .gs-site-footer {
    color: var(--gs-theme-text);
    background: #090c10;
    border-top-color: var(--gs-theme-dash);
}

html[data-gs-theme="dark"] .gs-site-footer__container {
    border-left-color: var(--gs-theme-dash);
    border-right-color: var(--gs-theme-dash);
}

html[data-gs-theme="dark"] .gs-site-footer__wordmark,
html[data-gs-theme="dark"] .gs-site-footer__contact,
html[data-gs-theme="dark"] .gs-site-footer__group a {
    color: var(--gs-theme-text);
}

html[data-gs-theme="dark"] .gs-site-footer__brand p,
html[data-gs-theme="dark"] .gs-site-footer__column-title,
html[data-gs-theme="dark"] .gs-site-footer__group-label,
html[data-gs-theme="dark"] .gs-site-footer__bottom p,
html[data-gs-theme="dark"] .gs-site-footer__legal a,
html[data-gs-theme="dark"] .gs-site-footer__legal span {
    color: var(--gs-theme-muted);
}

html[data-gs-theme="dark"] .gs-site-footer__bottom {
    border-top-color: var(--gs-theme-dash);
}

/* ---------------------------------------------------------
   TIPOGRAFÍA / BORDES GENERALES DE LAS LANDINGS
   --------------------------------------------------------- */
html[data-gs-theme="dark"] :is(
    .gsp-page, .gse-page, .gss-page, .gsc-page, .gsn-page,
    .gsec-page, .gswc-page, .gsdc-page, .gsmd-page, .gs360-page
) {
    color: var(--gs-theme-text);
    background-color: var(--gs-theme-bg);
}

html[data-gs-theme="dark"] :is(.gsp-page, .gse-page, .gss-page, .gsc-page, .gsn-page) {
    --gsp-text: var(--gs-theme-text);
    --gsp-muted: var(--gs-theme-muted);
    --gsp-line: var(--gs-theme-line);
    --gsp-dash: var(--gs-theme-dash);
    --gsp-soft: var(--gs-theme-surface-2);
    --gse-text: var(--gs-theme-text);
    --gse-muted: var(--gs-theme-muted);
    --gse-line: var(--gs-theme-line);
    --gse-dash: var(--gs-theme-dash);
    --gse-soft: var(--gs-theme-surface-2);
    --gss-text: var(--gs-theme-text);
    --gss-muted: var(--gs-theme-muted);
    --gss-line: var(--gs-theme-line);
    --gss-dash: var(--gs-theme-dash);
    --gsc-text: var(--gs-theme-text);
    --gsc-muted: var(--gs-theme-muted);
    --gsc-soft: var(--gs-theme-surface-2);
    --gsc-line: var(--gs-theme-line);
    --gsc-dash: var(--gs-theme-dash);
    --gsn-text: var(--gs-theme-text);
    --gsn-muted: var(--gs-theme-muted);
    --gsn-line: var(--gs-theme-line);
    --gsn-dash: var(--gs-theme-dash);
}

html[data-gs-theme="dark"] .gsec-page {
    --gsec-ink: var(--gs-theme-text);
    --gsec-muted: var(--gs-theme-muted);
}

html[data-gs-theme="dark"] .gswc-page {
    --gswc-ink: var(--gs-theme-text);
    --gswc-muted: var(--gs-theme-muted);
    --gswc-line: #29333d;
    --gswc-soft: var(--gs-theme-surface-2);
}

html[data-gs-theme="dark"] .gsdc-page {
    --gsdc-ink: var(--gs-theme-text);
    --gsdc-muted: var(--gs-theme-muted);
    --gsdc-line: var(--gs-theme-line);
    --gsdc-soft: var(--gs-theme-surface-2);
}

html[data-gs-theme="dark"] :is(
    .gsp-page, .gse-page, .gss-page, .gsc-page, .gsn-page,
    .gsec-page, .gswc-page, .gsdc-page, .gsmd-page, .gs360-page
) :is(h1, h2, h3, h4, h5, h6) {
    color: var(--gs-theme-text);
}

/* ---------------------------------------------------------
   HOME
   --------------------------------------------------------- */
html[data-gs-theme="dark"] :is(
    .gs-home-hero,
    .gs-home-services,
    .gs-home-clients,
    .gs-home-why360,
    .gs-home-why360__benefits,
    .gs-home-trusted,
    .gs-home-sectors,
    .gs-home-news,
    .gs-home-final-cta,
    .gs-home-section-separator,
    .gs-home-section-separator--single,
    .gs-home-services__bottom
) {
    background-color: var(--gs-theme-bg);
    color: var(--gs-theme-text);
}

html[data-gs-theme="dark"] :is(
    .gs-home-services__header h2,
    .gs-home-services__content h3,
    .gs-home-services__link,
    .gs-home-clients,
    .gs-home-clients__header h2,
    .gs-home-why360__header h2,
    .gs-home-why360__side--problem h3,
    .gs-home-why360__benefits strong,
    .gs-home-trusted__header h2,
    .gs-home-sectors__header h2,
    .gs-home-news__header h2
) { color: var(--gs-theme-text); }

html[data-gs-theme="dark"] :is(
    .gs-home-services__header p,
    .gs-home-services__content p,
    .gs-home-clients__header p,
    .gs-home-why360__header p,
    .gs-home-why360__side--problem p,
    .gs-home-why360__benefits p,
    .gs-home-trusted__header p,
    .gs-home-sectors__header p,
    .gs-home-news__header p,
    .gs-home-news__empty p
) { color: var(--gs-theme-muted); }

html[data-gs-theme="dark"] :is(
    .gs-home-services__container,
    .gs-home-services__grid,
    .gs-home-services__item,
    .gs-home-clients__container,
    .gs-home-clients__visual,
    .gs-home-why360__container,
    .gs-home-why360__comparison,
    .gs-home-why360__benefits,
    .gs-home-why360__benefits > div,
    .gs-home-trusted__container,
    .gs-home-trusted__marquee,
    .gs-home-sectors__container,
    .gs-home-sectors__layout,
    .gs-home-sectors__item,
    .gs-home-news__container,
    .gs-home-final-cta__container,
    .gs-home-news__empty
) { border-color: var(--gs-theme-dash); }

html[data-gs-theme="dark"] .gs-home-services__item:hover,
html[data-gs-theme="dark"] .gs-home-services__item:focus-within,
html[data-gs-theme="dark"] .gs-home-sectors__item:hover {
    background-color: rgba(52, 163, 235, .055);
}

html[data-gs-theme="dark"] .gs-home-clients__visual {
    background-color: var(--gs-theme-bg);
}

html[data-gs-theme="dark"] .gs-home-clients__callout,
html[data-gs-theme="dark"] .gs-home-clients__country {
    color: var(--gs-theme-text);
    background-color: rgba(16, 20, 25, .94);
    border-color: var(--gs-theme-line);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .22);
}

html[data-gs-theme="dark"] .gs-home-why360__side--problem {
    background-color: #11161c;
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] .gs-home-why360__noise-card {
    background-color: #171d24;
    border-color: var(--gs-theme-line);
    color: var(--gs-theme-text);
}

html[data-gs-theme="dark"] .gs-home-trusted__marquee::before {
    background: linear-gradient(90deg, var(--gs-theme-bg) 0%, rgba(11,14,18,0) 100%);
}

html[data-gs-theme="dark"] .gs-home-trusted__marquee::after {
    background: linear-gradient(270deg, var(--gs-theme-bg) 0%, rgba(11,14,18,0) 100%);
}

html[data-gs-theme="dark"] .gs-home-trusted__logo {
    background-color: #f7f9fb;
    border-color: rgba(255,255,255,.13);
}

/* Los logos conservan su fondo claro para no alterar identidades visuales. */
html[data-gs-theme="dark"] .gs-home-trusted__logo img { opacity: .96; }

html[data-gs-theme="dark"] .gs-home-sectors__item {
    background-color: #11161c;
}

/* ---------------------------------------------------------
   SEINTO360
   --------------------------------------------------------- */
html[data-gs-theme="dark"] .gs360-hero {
    --gs360-bg: var(--gs-theme-bg);
    --gs360-text: var(--gs-theme-text);
    --gs360-muted: var(--gs-theme-muted);
    --gs360-dot: rgba(88, 175, 236, .22);
    border-top-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] .gs360-hero::before {
    background: linear-gradient(to bottom, transparent 0%, transparent 84%, rgba(11,14,18,.66) 94%, var(--gs-theme-bg) 100%);
}

html[data-gs-theme="dark"] .gs360-network::after {
    background: linear-gradient(to bottom, rgba(11,14,18,0), var(--gs-theme-bg) 94%);
}

html[data-gs-theme="dark"] .gs360-button--secondary,
html[data-gs-theme="dark"] .gs360-button--secondary:hover,
html[data-gs-theme="dark"] .gs360-button--secondary:focus-visible,
html[data-gs-theme="dark"] .gs360-benefits__panel,
html[data-gs-theme="dark"] .gs360-modules__shell,
html[data-gs-theme="dark"] .gs360-modules__layout,
html[data-gs-theme="dark"] .gs360-modules__intro,
html[data-gs-theme="dark"] .gs360-modules__cta,
html[data-gs-theme="dark"] .gs360-module,
html[data-gs-theme="dark"] .gs360-module__visual,
html[data-gs-theme="dark"] .gs360-all-modules__shell,
html[data-gs-theme="dark"] .gs360-all-modules__grid,
html[data-gs-theme="dark"] .gs360-benefits__junction {
    color: var(--gs-theme-text);
    background-color: var(--gs-theme-surface);
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] .gs360-benefit:hover,
html[data-gs-theme="dark"] .gs360-module-list__item:hover {
    background-color: var(--gs-theme-surface-2);
}

html[data-gs-theme="dark"] .gs360-module-list__icon {
    background: var(--gs-theme-surface-2);
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] :is(
    .gs360-benefits__grid,
    .gs360-modules__layout,
    .gs360-all-modules__grid
) { border-color: var(--gs-theme-line); }

/* ---------------------------------------------------------
   ECOMMERCE
   --------------------------------------------------------- */
html[data-gs-theme="dark"] :is(.gsec-page, .gsec-hero, .gsec-hero__box, .gsec-guided, .gsec-final-cta) {
    background-color: var(--gs-theme-bg);
}

html[data-gs-theme="dark"] .gsec-hero__vignette {
    background:
        radial-gradient(circle at 50% 47%, rgba(11,14,18,0) 0%, rgba(11,14,18,.04) 46%, rgba(11,14,18,.56) 82%, #0b0e12 100%),
        linear-gradient(to bottom, rgba(11,14,18,.02), rgba(11,14,18,.18));
}

html[data-gs-theme="dark"] .gsec-hero__glow--soft {
    opacity: .24;
}

html[data-gs-theme="dark"] :is(
    .gsec-benefits__grid, .gsec-benefit, .gsec-junction,
    .gsec-search__layout, .gsec-search__demo, .gsec-search__box,
    .gsec-search-result, .gsec-ecosystem__map, .gsec-ecosystem__node,
    .gsec-platform, .gsec-platform::before, .gsec-platform:last-child::after,
    .gsec-growth-card, .gsec-growth-card::before, .gsec-growth-card:last-child::after
) {
    background-color: var(--gs-theme-surface);
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] :is(.gsec-benefit:hover, .gsec-platform:hover) {
    background-color: var(--gs-theme-surface-2);
}

html[data-gs-theme="dark"] :is(.gsec-search-result__thumb, .gsec-platform__icon) {
    background-color: var(--gs-theme-surface-2);
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] .gsec-search__facets span {
    color: var(--gs-theme-muted);
    background-color: rgba(255,255,255,.045);
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] .gsec-ecosystem__node--shop {
    background-color: #121b23;
}

/* ---------------------------------------------------------
   WEB CORPORATIVA
   --------------------------------------------------------- */
html[data-gs-theme="dark"] :is(.gswc-page, .gswc-benefits, .gswc-benefits__grid) {
    background-color: var(--gs-theme-bg);
}

html[data-gs-theme="dark"] .gswc-benefit:hover,
html[data-gs-theme="dark"] .gswc-step.is-active {
    background-color: var(--gs-theme-surface-2);
}

html[data-gs-theme="dark"] .gswc-junction {
    background-color: var(--gs-theme-surface);
    border-color: var(--gs-theme-line);
    box-shadow: 0 0 0 2px rgba(11,14,18,.82);
}

html[data-gs-theme="dark"] .gswc-separator { border-color: var(--gs-theme-dash); }
html[data-gs-theme="dark"] .gswc-guides { border-color: rgba(86, 176, 238, .20); }

/* ---------------------------------------------------------
   MARKETING DIGITAL
   --------------------------------------------------------- */
html[data-gs-theme="dark"] .gsmd-page {
    background: var(--gs-theme-bg);
    color: var(--gs-theme-text);
}

html[data-gs-theme="dark"] .gsmd-page :is(h1,h2,h3,h4,strong) { color: var(--gs-theme-text); }
html[data-gs-theme="dark"] .gsmd-page :is(p,li,small) { color: var(--gs-theme-muted); }
html[data-gs-theme="dark"] .gsmd-page :is(article, .gsmd-card, .gsmd-panel) { border-color: var(--gs-theme-line); }
html[data-gs-theme="dark"] .gsmd-separator { border-color: var(--gs-theme-dash); }
html[data-gs-theme="dark"] .gsmd-guides { border-color: var(--gs-theme-dash); }

/* ---------------------------------------------------------
   PROYECTOS
   --------------------------------------------------------- */
html[data-gs-theme="dark"] .gsp-case,
html[data-gs-theme="dark"] .gsp-case:hover {
    background: transparent;
}

html[data-gs-theme="dark"] .gsp-case__visual,
html[data-gs-theme="dark"] .gsp-case__tags span {
    background-color: var(--gs-theme-surface-2);
    color: var(--gs-theme-muted);
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] .gsp-case__brand {
    background-color: rgba(247,249,251,.96);
}

/* ---------------------------------------------------------
   EMPRESA
   --------------------------------------------------------- */
html[data-gs-theme="dark"] .gse-about__media {
    background-color: var(--gs-theme-surface-2);
}

html[data-gs-theme="dark"] :is(.gse-container, .gse-grid, .gse-area, .gse-sector, .gse-principle) {
    border-color: var(--gs-theme-dash);
}

html[data-gs-theme="dark"] .gse-area:hover,
html[data-gs-theme="dark"] .gse-area:focus-visible {
    background: linear-gradient(180deg, rgba(48,159,232,.065), rgba(11,14,18,0));
}

/* ---------------------------------------------------------
   SOPORTE
   --------------------------------------------------------- */
html[data-gs-theme="dark"] .gss-button--secondary,
html[data-gs-theme="dark"] .gss-remote__screen {
    color: var(--gs-theme-text);
    background-color: var(--gs-theme-surface);
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] .gss-remote__screen::before {
    background-color: var(--gs-theme-surface-2);
}

html[data-gs-theme="dark"] .gss-remote__line { background: #29333d; }
html[data-gs-theme="dark"] .gss-page :is(.gss-card, .gss-channel, .gss-step, .gss-faq__item) { border-color: var(--gs-theme-line); }

/* ---------------------------------------------------------
   CONTACTO
   --------------------------------------------------------- */
html[data-gs-theme="dark"] .gsc-form-wrap {
    background-color: var(--gs-theme-surface);
}

html[data-gs-theme="dark"] .gsc-field input,
html[data-gs-theme="dark"] .gsc-field select,
html[data-gs-theme="dark"] .gsc-field textarea {
    color: var(--gs-theme-text);
    background-color: #0c1015;
    border-color: var(--gs-theme-line-strong);
}

html[data-gs-theme="dark"] .gsc-field input::placeholder,
html[data-gs-theme="dark"] .gsc-field textarea::placeholder {
    color: #74808d;
}

html[data-gs-theme="dark"] .gsc-field input:focus,
html[data-gs-theme="dark"] .gsc-field select:focus,
html[data-gs-theme="dark"] .gsc-field textarea:focus {
    border-color: rgba(70, 174, 242, .48);
    box-shadow: 0 0 0 3px rgba(8, 114, 190, .10);
}

/* ---------------------------------------------------------
   NOTICIAS / BLOG
   --------------------------------------------------------- */
html[data-gs-theme="dark"] .gsn-card {
    background-color: transparent;
}

html[data-gs-theme="dark"] .gsn-featured__media,
html[data-gs-theme="dark"] .gsn-placeholder {
    background-color: var(--gs-theme-surface-2);
}

html[data-gs-theme="dark"] .gsn-article__content code {
    background-color: var(--gs-theme-surface-2);
    color: #d7e2ec;
}

html[data-gs-theme="dark"] :is(.gsn-featured, .gsn-grid, .gsn-card, .gsn-article__inner) {
    border-color: var(--gs-theme-dash);
}

/* ---------------------------------------------------------
   SECTORES · SISTEMA COMÚN
   --------------------------------------------------------- */
html[data-gs-theme="dark"] :is(
    .gsdc-page, .gsdc-hero, .gsdc-hero__inner, .gsdc-hero__copy,
    .gsdc-section, .gsdc-guided, .gsdc-final-cta
) {
    background-color: var(--gs-theme-bg);
}

html[data-gs-theme="dark"] :is(
    .gsdc-button--secondary, .gsdc-process__step, .gsdc-platform__core,
    .gsdc-platform__node, .gsdc-search-demo, .gsdc-search-demo__query,
    .gsdc-search-demo__thumb, .gsdc-role-card, .gsdc-ai__matrix article
) {
    color: var(--gs-theme-text);
    background-color: var(--gs-theme-surface);
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] :is(.gsdc-process__step:hover, .gsdc-role-card:hover) {
    background-color: var(--gs-theme-surface-2);
}

html[data-gs-theme="dark"] :is(.gsdc-hero__media, .gsdc-hero__image-wrap) {
    background-color: var(--gs-theme-surface-2);
}

html[data-gs-theme="dark"] .gsdc-separator { border-color: var(--gs-theme-dash); }

/* ---------------------------------------------------------
   CONTENIDO WORDPRESS GENÉRICO
   --------------------------------------------------------- */
html[data-gs-theme="dark"] :is(.entry-content, .site-main, .seinto-card) {
    color: var(--gs-theme-text);
}

html[data-gs-theme="dark"] .seinto-card {
    background: var(--gs-theme-surface);
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] :is(.entry-content, .site-main) :is(h1,h2,h3,h4,h5,h6) {
    color: var(--gs-theme-text);
}

html[data-gs-theme="dark"] :is(.entry-content, .site-main) :is(p,li) {
    color: var(--gs-theme-muted);
}

/* ---------------------------------------------------------
   TRANSICIONES CONTROLADAS
   --------------------------------------------------------- */
body,
.gs-header,
.gs-site-footer,
.gs-theme-toggle,
.gsp-page,
.gse-page,
.gss-page,
.gsc-page,
.gsn-page,
.gsec-page,
.gswc-page,
.gsdc-page,
.gsmd-page,
.gs360-page,
.gs-home-services,
.gs-home-clients,
.gs-home-why360,
.gs-home-trusted,
.gs-home-sectors,
.gs-home-news,
.gs-home-final-cta {
    transition: background-color .24s ease, color .24s ease, border-color .24s ease;
}

@media (prefers-reduced-motion: reduce) {
    body,
    .gs-header,
    .gs-site-footer,
    .gs-theme-toggle,
    .gsp-page,
    .gse-page,
    .gss-page,
    .gsc-page,
    .gsn-page,
    .gsec-page,
    .gswc-page,
    .gsdc-page,
    .gsmd-page,
    .gs360-page {
        transition: none !important;
    }
}

@media (max-width: 1260px) {
    .gs-theme-toggle {
        width: 42px;
        height: 42px;
    }
}

@media (max-width: 767px) {
    .gs-header__actions { gap: 7px; }
    .gs-theme-toggle {
        width: 40px;
        height: 40px;
    }
}

/* Ajuste completo de superficies de Marketing Digital. */
html[data-gs-theme="dark"] :is(
    .gsmd-hero,
    .gsmd-hero__highlights,
    .gsmd-hero__junction,
    .gsmd-benefit,
    .gsmd-benefit__icon,
    .gsmd-junction,
    .gsmd-services__layout,
    .gsmd-service,
    .gsmd-service__visual,
    .gsmd-service__icon,
    .gsmd-service__metric,
    .gsmd-flow-step,
    .gsmd-data__visual,
    .gsmd-dashboard,
    .gsmd-dashboard__kpis > div,
    .gsmd-process__grid article
) {
    background-color: var(--gs-theme-surface);
    border-color: var(--gs-theme-line);
}

html[data-gs-theme="dark"] :is(.gsmd-benefit:hover, .gsmd-service:hover, .gsmd-flow-step:hover) {
    background-color: var(--gs-theme-surface-2);
}

/* =========================================================
   AUDITORÍA MODO NOCHE · 2026-09-17
   Correcciones visuales detectadas durante navegación real.
   El modo oscuro debe cubrir también los fondos exteriores,
   separadores y visuales internos que usaban blancos fijos.
   ========================================================= */

/* Fondo de seguridad: evita cualquier franja blanca entre páginas/secciones. */
html[data-gs-theme="dark"],
html[data-gs-theme="dark"] body,
html[data-gs-theme="dark"] #page,
html[data-gs-theme="dark"] .site,
html[data-gs-theme="dark"] .site-content,
html[data-gs-theme="dark"] .site-main,
html[data-gs-theme="dark"] main {
    background-color: var(--gs-theme-bg) !important;
}

/* ---------------------------------------------------------
   SEINTO360 · fondos de sección a ancho completo
   --------------------------------------------------------- */
html[data-gs-theme="dark"] :is(
    .gs360-benefits,
    .gs360-modules,
    .gs360-all-modules,
    .gs360-final-cta
) {
    background: var(--gs-theme-bg) !important;
}

html[data-gs-theme="dark"] :is(
    .gs360-benefits__panel,
    .gs360-modules__shell,
    .gs360-all-modules__shell,
    .gs360-modules__layout,
    .gs360-all-modules__grid,
    .gs360-module,
    .gs360-benefits__junction
) {
    background: var(--gs-theme-surface) !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] .gs360-modules__intro {
    background:
        radial-gradient(circle at 30% 5%, rgba(45,157,231,.09), transparent 27%),
        var(--gs-theme-surface) !important;
}

html[data-gs-theme="dark"] .gs360-module__visual {
    background:
        radial-gradient(circle at 50% 50%, rgba(45,157,231,.065), transparent 54%),
        var(--gs-theme-surface-2) !important;
}

html[data-gs-theme="dark"] :is(
    .gs360-benefits__panel::before,
    .gs360-benefits__panel::after,
    .gs360-modules__shell::before,
    .gs360-modules__shell::after,
    .gs360-all-modules__shell::before,
    .gs360-all-modules__shell::after
) {
    background: repeating-linear-gradient(
        to bottom,
        rgba(223,232,240,.18) 0 5px,
        transparent 5px 11px
    ) !important;
}

/* ---------------------------------------------------------
   WEBS CORPORATIVAS · ninguna sección blanca en modo noche
   --------------------------------------------------------- */
html[data-gs-theme="dark"] :is(
    .gswc-page,
    .gswc-hero,
    .gswc-benefits,
    .gswc-method,
    .gswc-search-performance,
    .gswc-system,
    .gswc-final-cta
) {
    background: var(--gs-theme-bg) !important;
}

html[data-gs-theme="dark"] :is(
    .gswc-benefits__grid,
    .gswc-method__layout,
    .gswc-method__intro,
    .gswc-step,
    .gswc-search-performance__grid,
    .gswc-search-card,
    .gswc-performance-card,
    .gswc-performance-card__scores,
    .gswc-vitals,
    .gswc-vitals span,
    .gswc-system__grid,
    .gswc-system__grid article
) {
    background: var(--gs-theme-surface) !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] :is(
    .gswc-benefit:hover,
    .gswc-step.is-active
) {
    background: var(--gs-theme-surface-2) !important;
}

html[data-gs-theme="dark"] :is(
    .gswc-benefit__icon,
    .gswc-system__grid article > i,
    .gswc-searchbox,
    .gswc-search-result
) {
    background: var(--gs-theme-surface-2) !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] .gswc-search-card__visual {
    background: linear-gradient(180deg, #151a21, #101419) !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] .gswc-ai-chip {
    color: #ffad4e !important;
    background: rgba(255,148,24,.10) !important;
    border-color: rgba(255,148,24,.30) !important;
}

html[data-gs-theme="dark"] :is(
    .gswc-search-result strong,
    .gswc-score strong,
    .gswc-vitals strong,
    .gswc-searchbox
) {
    color: var(--gs-theme-text) !important;
}

html[data-gs-theme="dark"] :is(
    .gswc-search-result small,
    .gswc-score span,
    .gswc-vitals small,
    .gswc-search-card ul
) {
    color: var(--gs-theme-muted) !important;
}

html[data-gs-theme="dark"] .gswc-score i {
    background: #252d36 !important;
}

/* ---------------------------------------------------------
   ECOMMERCE · mockups y bloques de crecimiento
   --------------------------------------------------------- */
html[data-gs-theme="dark"] :is(
    .gsec-page,
    .gsec-hero,
    .gsec-hero__box,
    .gsec-guided,
    .gsec-benefits,
    .gsec-search,
    .gsec-ecosystem,
    .gsec-platforms,
    .gsec-growth,
    .gsec-final-cta
) {
    background: var(--gs-theme-bg) !important;
}

html[data-gs-theme="dark"] :is(
    .gsec-benefits__grid,
    .gsec-benefit,
    .gsec-search__layout,
    .gsec-search__box,
    .gsec-search-result,
    .gsec-ecosystem__node,
    .gsec-platform,
    .gsec-growth-card
) {
    background: var(--gs-theme-surface) !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] .gsec-search__demo {
    background:
        radial-gradient(circle at 76% 18%, rgba(255,148,24,.09), transparent 27%),
        radial-gradient(circle at 34% 60%, rgba(45,157,231,.09), transparent 34%),
        var(--gs-theme-surface-2) !important;
}

html[data-gs-theme="dark"] .gsec-ecosystem__map {
    background:
        radial-gradient(circle at 50% 50%, rgba(45,157,231,.08), transparent 29%),
        var(--gs-theme-surface) !important;
}

html[data-gs-theme="dark"] :is(
    .gsec-growth-card__visual,
    .gsec-search-result__thumb,
    .gsec-platform__icon
) {
    background: var(--gs-theme-surface-2) !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] .gsec-growth-card__visual--seo span {
    color: var(--gs-theme-muted) !important;
    background: #171d24 !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] :is(
    .gsec-platform::before,
    .gsec-platform:last-child::after,
    .gsec-growth-card::before,
    .gsec-growth-card:last-child::after
) {
    background: var(--gs-theme-surface) !important;
}

/* ---------------------------------------------------------
   MARKETING DIGITAL · los mockups claros pasan a dark UI
   --------------------------------------------------------- */
html[data-gs-theme="dark"] :is(
    .gsmd-page,
    .gsmd-hero,
    .gsmd-benefits,
    .gsmd-services,
    .gsmd-system,
    .gsmd-data,
    .gsmd-process,
    .gsmd-final-cta
) {
    background: var(--gs-theme-bg) !important;
}

html[data-gs-theme="dark"] :is(
    .gsmd-hero__highlights,
    .gsmd-hero__junction,
    .gsmd-benefit,
    .gsmd-benefit__icon,
    .gsmd-junction,
    .gsmd-services__layout,
    .gsmd-service,
    .gsmd-service__icon,
    .gsmd-service__metric,
    .gsmd-flow-step,
    .gsmd-dashboard,
    .gsmd-dashboard__kpis > div,
    .gsmd-process__grid article
) {
    background: var(--gs-theme-surface) !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] .gsmd-service__visual {
    background: linear-gradient(180deg, #171d24, #11161c) !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] .gsmd-data__visual {
    background: var(--gs-theme-surface-2) !important;
}

html[data-gs-theme="dark"] :is(
    .gsmd-dashboard__top,
    .gsmd-dashboard__kpis small
) {
    color: var(--gs-theme-muted) !important;
}

html[data-gs-theme="dark"] .gsmd-dashboard__kpis strong {
    color: var(--gs-theme-text) !important;
}

html[data-gs-theme="dark"] .gsmd-chart-grid {
    stroke: #28313b !important;
}

/* ---------------------------------------------------------
   SECTORES · separadores y demo de producto
   --------------------------------------------------------- */
html[data-gs-theme="dark"] :is(
    .gsdc-page,
    .gsdc-hero,
    .gsdc-section,
    .gsdc-section.gsdc-guided,
    .gsdc-guided,
    .gsdc-separator,
    .gsdc-final-cta
) {
    background: var(--gs-theme-bg) !important;
    border-color: var(--gs-theme-dash) !important;
}

html[data-gs-theme="dark"] :is(
    .gsdc-process__step,
    .gsdc-platform__core,
    .gsdc-platform__node,
    .gsdc-search-demo__query,
    .gsdc-search-demo__thumb,
    .gsdc-search-demo__match,
    .gsdc-role-card,
    .gsdc-ai__matrix article
) {
    background: var(--gs-theme-surface) !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] .gsdc-search-demo {
    background:
        linear-gradient(var(--gs-theme-surface), var(--gs-theme-surface)) padding-box,
        radial-gradient(circle at 82% 8%, rgba(45,157,231,.12), transparent 32%) border-box !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] .gsdc-search-demo__query kbd {
    color: var(--gs-theme-muted) !important;
    background: var(--gs-theme-surface-2) !important;
    border-color: var(--gs-theme-line) !important;
}

html[data-gs-theme="dark"] :is(
    .gsdc-search-demo__query > span,
    .gsdc-search-demo__result strong,
    .gsdc-search-demo__filters strong,
    .gsdc-ai__matrix strong
) {
    color: var(--gs-theme-text) !important;
}

html[data-gs-theme="dark"] :is(
    .gsdc-search-demo__result span:not(.gsdc-search-demo__match),
    .gsdc-ai__matrix small
) {
    color: var(--gs-theme-muted) !important;
}

/* Mantener logos de clientes legibles sin convertirlos en manchas oscuras. */
html[data-gs-theme="dark"] :is(
    .gs-home-trusted__logo,
    .gsp-case__brand
) {
    background: #f7f9fb !important;
}