/* Fondo oscuro de Diseño web compartido por servicios seleccionados. */
body.service-page.service-dark-theme {
  --service-ink: #f5f7fa;
  --service-muted: #a8b6c7;
  --service-blue: #93b1cd;
  --service-line: rgb(223 230 237 / 16%);
  color: #f5f7fa;
  background-color: #101c2a;
}

body.service-page.service-dark-theme main { background-color: #101c2a; }
body.service-page.service-dark-theme .service-hero {
  color: #f5f8fc;
  background-image:
    radial-gradient(ellipse at 78% 35%, rgb(71 124 184 / 22%), transparent 38%),
    linear-gradient(135deg, #101c2a 0%, #14263a 58%, #183149 100%);
}
body.service-page.service-dark-theme .service-content-section.is-white { background: #101c2a; }
body.service-page.service-dark-theme .service-content-section.is-blue { background: #142233; }

body.service-page.service-dark-theme .service-section-heading h2,
body.service-page.service-dark-theme .service-feature-band h2,
body.service-page.service-dark-theme .ecom-reference-copy h2,
body.service-page.service-dark-theme .service-contact-inner h2 {
  color: #f5f7fa;
}
body.service-page.service-dark-theme .service-section-heading > p,
body.service-page.service-dark-theme .service-feature-band p,
body.service-page.service-dark-theme .service-feature-list li,
body.service-page.service-dark-theme .ecom-reference-copy > p:not(.service-section-kicker),
body.service-page.service-dark-theme .service-contact-inner p {
  color: #a8b6c7;
}
body.service-page.service-dark-theme .service-eyebrow,
body.service-page.service-dark-theme .service-section-kicker,
body.service-page.service-dark-theme .service-process-step span {
  color: #93b1cd;
}

body.service-page.service-dark-theme .service-card,
body.service-page.service-dark-theme .service-process-step,
body.service-page.service-dark-theme .service-feature-band,
body.service-page.service-dark-theme .service-faq details {
  border-color: rgb(223 230 237 / 16%);
  background: #142337;
  box-shadow: 0 14px 34px rgb(4 18 34 / 16%);
}
body.service-page.service-dark-theme .service-card h3,
body.service-page.service-dark-theme .service-process-step h3,
body.service-page.service-dark-theme .service-faq summary,
body.service-page.service-dark-theme .development-capability-copy h3 {
  color: #f5f7fa;
}
body.service-page.service-dark-theme .service-card p,
body.service-page.service-dark-theme .service-process-step p,
body.service-page.service-dark-theme .service-faq details p,
body.service-page.service-dark-theme .development-capability-copy p {
  color: #a8b6c7;
}
body.service-page.service-dark-theme .service-card-number { color: #93b1cd; }
body.service-page.service-dark-theme .service-card .service-card-icon {
  border-color: rgb(147 177 205 / 26%);
  color: #a6c0db;
  background: #1a3048;
}
body.service-page.service-dark-theme .service-card:hover,
body.service-page.service-dark-theme .service-process-step:hover {
  border-color: rgb(104 190 176 / 48%);
  box-shadow: 0 22px 44px rgb(1 12 26 / 30%);
}
body.service-page.service-dark-theme .service-process { border-color: rgb(223 230 237 / 16%); }
body.service-page.service-dark-theme .service-feature-list li::before { background: #68beb0; }
body.service-page.service-dark-theme .service-faq summary:focus-visible { outline-color: #68beb0; }
body.service-page.service-dark-theme .service-contact-section {
  background: radial-gradient(ellipse at 14% 50%, rgb(71 124 184 / 22%), transparent 42%),
    linear-gradient(125deg, #101c2a, #1a354b);
}
body.service-page.service-dark-theme .service-contact-actions a:not(.service-button) { color: #d3dfed; }
body.service-page.service-dark-theme .service-contact-actions a:not(.service-button):hover { color: #68beb0; }
body.service-page.service-dark-theme .service-button:not(.service-button-secondary) {
  color: #fff;
  border-color: #477cb8;
  background: #477cb8;
}
body.service-page.service-dark-theme .service-button:not(.service-button-secondary):hover { background: #3d6fa8; }
body.service-page.service-dark-theme .service-button-secondary {
  color: #eaf1f8;
  border-color: rgb(195 216 240 / 35%);
  background: rgb(255 255 255 / 5%);
}
body.service-page.service-dark-theme .service-button-secondary:hover { background: rgb(255 255 255 / 11%); }

/* Componentes específicos de E-commerce & Apps. */
body.service-page.service-dark-theme .ecom-need,
body.service-page.service-dark-theme .ecom-tech-card,
body.service-page.service-dark-theme .ecom-option:not(.ecom-option-featured),
body.service-page.service-dark-theme .ecom-investment-cta {
  border-color: rgb(223 230 237 / 16%);
  background: #142337;
}
body.service-page.service-dark-theme .ecom-reference-logos > div {
  border-color: rgb(223 230 237 / 16%);
  background: #f5f7fa;
}
body.service-page.service-dark-theme .ecom-need > span,
body.service-page.service-dark-theme .ecom-option > span,
body.service-page.service-dark-theme .ecom-tech-type,
body.service-page.service-dark-theme .ecom-investment-item > span { color: #93b1cd; }
body.service-page.service-dark-theme .ecom-need h3,
body.service-page.service-dark-theme .ecom-option h3,
body.service-page.service-dark-theme .ecom-tech-card h3,
body.service-page.service-dark-theme .ecom-process-step h3,
body.service-page.service-dark-theme .ecom-investment-item h3 { color: #f5f7fa; }
body.service-page.service-dark-theme .ecom-need p,
body.service-page.service-dark-theme .ecom-need b,
body.service-page.service-dark-theme .ecom-option p,
body.service-page.service-dark-theme .ecom-option li,
body.service-page.service-dark-theme .ecom-tech-card p,
body.service-page.service-dark-theme .ecom-tech-note,
body.service-page.service-dark-theme .ecom-options-note,
body.service-page.service-dark-theme .ecom-process-step p,
body.service-page.service-dark-theme .ecom-investment-item p,
body.service-page.service-dark-theme .ecom-investment-cta p { color: #a8b6c7; }
body.service-page.service-dark-theme .ecom-need b,
body.service-page.service-dark-theme .ecom-reference-copy .text-link { color: #a6c0db; }
body.service-page.service-dark-theme .ecom-process-grid,
body.service-page.service-dark-theme .ecom-process-step,
body.service-page.service-dark-theme .ecom-investment-grid,
body.service-page.service-dark-theme .ecom-investment-item { border-color: rgb(223 230 237 / 16%); }
body.service-page.service-dark-theme .ecom-process-step:hover { background: rgb(255 255 255 / 5%); }
body.service-page.service-dark-theme .ecom-investment-cta { box-shadow: 0 14px 34px rgb(4 18 34 / 16%); }
body.service-page.service-dark-theme .ecom-faq details[open] { border-color: rgb(104 190 176 / 50%); }
body.service-page.service-dark-theme .ecom-faq summary::after { color: #93b1cd; }
body.service-page.service-dark-theme .ecom-faq summary:focus-visible { outline-color: #68beb0; }
body.service-page.service-dark-theme .ecom-contact-section .service-eyebrow { color: #93b1cd; }
body.service-page.service-dark-theme .ecom-contact-section .service-button:not(.service-button-secondary) { color: #fff; background: #477cb8; }

/* Tarjetas de Posicionamiento. */
body.service-page.service-dark-theme .seo-area-card {
  border-color: rgb(223 230 237 / 16%);
  background: #142337;
  box-shadow: 0 14px 34px rgb(4 18 34 / 16%);
}
body.service-page.service-dark-theme .seo-area-card:hover { border-color: rgb(104 190 176 / 48%); }
body.service-page.service-dark-theme .seo-area-card p a { color: #a6c0db; }

/* Tarjetas de Ingeniería Digital con el contraste del resto de las páginas. */
body.service-page.service-dark-theme .development-capability-card {
  border-color: rgb(223 230 237 / 16%);
  background: #142337;
}
body.service-page.service-dark-theme .development-capability-ai { background: linear-gradient(145deg, #163247, #142337); }
body.service-page.service-dark-theme .development-capability-security { background: linear-gradient(145deg, #182d49, #142337); }
body.service-page.service-dark-theme .development-capability-card:hover,
body.service-page.service-dark-theme .development-capability-ai:hover,
body.service-page.service-dark-theme .development-capability-security:hover {
  border-color: rgb(104 190 176 / 48%);
  background: linear-gradient(145deg, #1a344d, #142337);
}
body.service-page.service-dark-theme .development-capability-card .service-card-number { color: #93b1cd; }
body.service-page.service-dark-theme .development-capability-index { color: rgb(147 177 205 / 12%); }
body.service-page.service-dark-theme .development-card-icon {
  border-color: rgb(147 177 205 / 26%);
  color: #a6c0db;
  background: linear-gradient(145deg, rgb(64 116 181 / 24%), rgb(37 76 125 / 16%));
}
body.service-page.service-dark-theme .development-capability-ai .development-card-icon {
  border-color: rgb(104 190 176 / 38%);
  color: #68beb0;
  background: rgb(104 190 176 / 10%);
}
body.service-page.service-dark-theme .development-capability-security .development-card-icon {
  border-color: rgb(147 177 205 / 34%);
  color: #a6c0db;
  background: rgb(71 124 184 / 14%);
}
body.service-page.service-dark-theme .development-stack-card {
  border-color: rgb(223 230 237 / 16%);
  background: linear-gradient(145deg, #142337, #101c2a);
}
body.service-page.service-dark-theme .development-stack-card h3 { color: #f5f7fa; }
body.service-page.service-dark-theme .development-stack-card p,
body.service-page.service-dark-theme .development-stack-category { color: #a8b6c7; }
body.service-page.service-dark-theme .development-stack-card:hover { border-color: rgb(104 190 176 / 48%); }