/*
 * Intelecta - main-dark.css
 * Capa visual DARK.
 * Se carga al final y solo actua con data-theme="dark".
 * No usa la preferencia dark del sistema como disparador.
 * Compatibilidad: evita color-mix() para soportar Safari/Chrome/Edge/Firefox
 * en un rango mas amplio de versiones, manteniendo el mismo contraste visual.
 */


/* =========================================================
   GLOBAL / BASE
   ========================================================= */

:root[data-theme=dark] {
    color-scheme:dark;
    --color-background:#10232e;
    --color-surface:#172f3b;
    --color-surface-raised:#1c3947;
    --color-surface-soft:#203d49;
    --color-text:#f0f6f5;
    --color-text-muted:#bccbd0;
    --color-brand-primary:#a9e5e5;
    --color-brand-secondary:#39c4d6;
    --color-secondary-text:#64dce7;
    --color-accent:#40dbb2;
    --color-border:rgba(236, 246, 245, .149);
    --color-shadow:rgba(0, 0, 0, .22);
    --color-on-brand:#10232e;
    --color-focus:#71e4ec
}


/* Dark contrast token used by the shared responsive layout. */
:root[data-theme="dark"] .control-tower-showcase {
    --control-tower-mobile-overlay-background:
        linear-gradient(
            180deg,
            var(--color-background) 0%,
            var(--color-background) 52%,
            rgba(16, 35, 46, .93) 61%,
            rgba(16, 35, 46, .34) 82%,
            transparent 100%
        );
}

.brand-logo--dark,
:root[data-theme=dark] .brand-logo--light {
    display:none
}

:root[data-theme=dark] .brand-logo--dark {
    display:block
}


/*==========================================================
    SLIDER DE CLIENTES 
    ======================================================= */
    
    :root[data-theme="dark"] .clients-showcase{
    background: var(--neutral-dark-5)!important;
    }



/* =========================================================
   HERO - DARK MODE
   ========================================================= */

:root[data-theme="dark"] .hero {
    background:
        radial-gradient(
            circle at 78% 34%,
            var(--alpha-cyan-12),
            transparent 36%
        ),
        radial-gradient(
            circle at 65% 60%,
            var(--alpha-green-08),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            var(--neutral-dark-1) 0%,
            var(--neutral-dark-5) 52%,
            var(--neutral-dark-6) 100%
        );
}

:root[data-theme="dark"] .hero::before {
    border-color: var(--alpha-cyan-12);

    background:
        radial-gradient(
            circle at 35% 40%,
            var(--alpha-cyan-09),
            var(--alpha-green-035) 34%,
            transparent 68%
        );
}

:root[data-theme="dark"] .hero::after {
    border-color: var(--alpha-cyan-08);

    background:
        radial-gradient(
            circle,
            var(--alpha-cyan-035),
            transparent 68%
        );
}

:root[data-theme="dark"] .hero-visual::before {
    border-color: var(--alpha-cyan-08);

    background:
        linear-gradient(
            145deg,
            var(--dark-surface-20),
            var(--alpha-cyan-035)
        );
}

:root[data-theme="dark"] .diagram-node {
    background: var(--dark-surface-92);
    border-color: var(--alpha-white-12);
    color: var(--neutral-light-text);

    box-shadow:
        0 14px 34px var(--alpha-black-28);
}

:root[data-theme="dark"] .diagram-core {
    box-shadow:
        0 0 0 14px var(--alpha-white-04),
        0 0 0 32px var(--alpha-cyan-055),
        0 24px 55px var(--alpha-black-28);
}



/* =========================================================
   CAPACIDADES - DARK MODE
   ========================================================= */

:root[data-theme="dark"]
.capabilities-experience {
    background:
        radial-gradient(
            circle at 84% 4%,
            rgba(57, 196, 214, .08),
            transparent 30%
        ),
        radial-gradient(
            circle at 7% 87%,
            rgba(64, 219, 178, .06),
            transparent 27%
        ),
        var(--color-background);
}

:root[data-theme="dark"]
.capabilities-main-visual img,

:root[data-theme="dark"]
.capability-visual img {
    filter:
        brightness(.78)
        saturate(.86);
}

:root[data-theme="dark"]
.capability-link-icon {
    background:
        rgb(27, 65, 78);
}

:root[data-theme="dark"]
.capability-visual-accent {
    opacity:
        .48;
}

:root[data-theme="dark"]
.neural-dot {
    box-shadow:
        0 0 1.3rem
        rgba(57, 196, 214, .55);
}



/* =========================================================
   SAP - DARK
   ========================================================= */

:root[data-theme="dark"]
.sap-ecosystem {
    background:
        radial-gradient(
            circle at 80% 25%,
            rgba(57, 196, 214, .1),
            transparent 31%
        ),
        radial-gradient(
            circle at 18% 85%,
            rgba(64, 219, 178, .06),
            transparent 28%
        ),
        var(--color-background);
}

:root[data-theme="dark"]
.sap-node {
    background:
        rgba(23, 47, 59, .08);

    color:
        var(--color-text);
}

:root[data-theme="dark"]
.sap-core-main span {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.sap-technology-list--new li {
    color:
        var(--color-text);

    background:
        rgba(23, 47, 59, .05);
}



/* =========================================================
   DARK MODE
   ========================================================= */

html[data-theme="dark"] .testimonials-shared {
    background: #0d2231;
}

html[data-theme="dark"] .testimonials-shared__heading h2 {
    color: #f7f8f7;
}

html[data-theme="dark"] .testimonials-shared__heading p {
    color: #b7d2df;
}

html[data-theme="dark"] .testimonials-bg-line {
    border-color: rgba(104, 223, 255, 0.16);
}

html[data-theme="dark"] .testimonials-bg-grid {
    background-image: radial-gradient(circle, rgba(104, 223, 255, 0.32) 1px, transparent 1.5px);
}

html[data-theme="dark"] .testimonial-card {
    background: #113952;
    border-color: rgba(104, 223, 255, 0.16);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

html[data-theme="dark"] .testimonial-card__text,
html[data-theme="dark"] .testimonial-card__person span {
    color: #d6e7f0;
}

html[data-theme="dark"] .testimonial-card__person strong {
    color: #ffffff;
}

html[data-theme="dark"] .testimonial-card__footer {
    border-top-color: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .testimonials-carousel__arrow {
    background: #16384d;
    border-color: rgba(104, 223, 255, 0.25);
    color: #68dfff;
}

html[data-theme="dark"] .testimonials-carousel__arrow:hover {
    background: #1b4661;
}

html[data-theme="dark"] .testimonials-carousel__bullet {
    background: rgba(104, 223, 255, 0.22);
}

html[data-theme="dark"] .testimonials-carousel__bullet.is-active {
    background: #68dfff;
}



/* =========================================================
   FIN TESTIMONIOS
   ========================================================= */

/*[data-theme="dark"] .think-insights,
body.dark-mode .think-insights,
.is-dark .think-insights {
    --think-bg: #0d2f46;
    --think-bg-secondary: #103a56;
    --think-surface: rgba(255, 255, 255, 0.05);
    --think-surface-hover: rgba(255, 255, 255, 0.08);
    --think-border: rgba(186, 243, 252, 0.14);
    --think-title: #ffffff;
    --think-text: rgba(255, 255, 255, 0.8);
    --think-muted: rgba(255, 255, 255, 0.62);
    --think-shadow: 0 22px 60px rgba(0, 0, 0, 0.3);
}*/

:root[data-theme="dark"] .think-insights{
background: linear-gradient(0deg, 
rgba(28, 57, 71, .65) 0%, transparent 37%);
}



/* =========================================================
   DARK MODE
   ========================================================= */

:root[data-theme="dark"]
.control-tower-showcase {
    background:
        var(--color-background);
}

:root[data-theme="dark"]
.control-tower-showcase__overlay {
    background:
        linear-gradient(
            90deg,

            var(--color-background)
            0%,

            rgba(16, 35, 46, .97)
            28%,

            rgba(16, 35, 46, .82)
            45%,

            rgba(16, 35, 46, .43)
            62%,

            transparent
            100%
        );
}

:root[data-theme="dark"]
.control-tower-showcase__title,
:root[data-theme="dark"]
.control-tower-showcase__brand-main {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.control-tower-showcase__description {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.control-tower-showcase__button {
    background:
        var(--color-text);

    color:
        var(--color-background);
}

:root[data-theme="dark"]
.control-tower-tech-node {
    background:
        rgba(23, 47, 59, .45);

    color:
        var(--color-text);

    border-color:
        rgba(57, 196, 214, .3);
}



:root[data-theme="dark"] .control-tower-showcase__overlay::after{
    background: linear-gradient(0deg, 
rgba(28, 57, 71, .65) 0%, transparent 37%);
}

:root[data-theme="dark"] .control-tower-showcase__values span{color:white!important;}



/* =========================================================
   DARK MODE
   ========================================================= */

:root[data-theme="dark"]
.about-global {
    background:
        var(--color-background);
}

:root[data-theme="dark"]
.about-global__title {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.about-global__title span {
    color:
        var(--color-accent);
}

:root[data-theme="dark"]
.about-global__description,
:root[data-theme="dark"]
.about-global__feature-copy p,
:root[data-theme="dark"]
.about-global__metric span,
:root[data-theme="dark"]
.about-global__metric small {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.about-global__feature {
    background:
        var(--color-surface);

    border-color:
        var(--color-border);
}

:root[data-theme="dark"]
.about-global__feature-copy h3 {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.about-global__feature-icon {
    color:
        var(--color-brand-secondary);

    background:
        rgb(26, 60, 73);
}

:root[data-theme="dark"]
.about-global__counter {
    color:
        var(--color-accent);
}

:root[data-theme="dark"]
.contact-cta {
    background:
        var(--color-background);
}

:root[data-theme="dark"]
.contact-cta__title {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.contact-cta__description,
:root[data-theme="dark"]
.contact-cta__card-text {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.contact-cta__card {
    background:
        rgba(28, 57, 71, .58);

    border-color:
        var(--color-border);
}

:root[data-theme="dark"]
.contact-cta__card-title,
:root[data-theme="dark"]
.contact-cta__office-list a {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.contact-cta__form-shell {
    background:
        var(--color-surface);
}

:root[data-theme="dark"]
.contact-cta .contact-frame {
    background:
        var(--color-surface);
}

:root[data-theme="dark"]
.products-showcase {
    background:
        var(--color-background);
}

:root[data-theme="dark"]
.products-showcase__title,
:root[data-theme="dark"]
.enterprise-solutions__heading h3 {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.products-showcase__description,
:root[data-theme="dark"]
.enterprise-solutions__heading p {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.product-feature,
:root[data-theme="dark"]
.product-feature--portalpro {
    background:
        var(--color-surface);

    border-color:
        var(--color-border);
}

:root[data-theme="dark"]
.product-feature__title,
:root[data-theme="dark"]
.product-feature__category {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.product-feature__description {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.product-feature__icon {
    background:
        rgb(26, 59, 71);

    color:
        var(--color-brand-secondary);
}

:root[data-theme="dark"]
.expense-ui,
:root[data-theme="dark"]
.expense-ui__receipt,
:root[data-theme="dark"]
.portal-ui,
:root[data-theme="dark"]
.quote-ui,
:root[data-theme="dark"]
.quote-ui__summary {
    background:
        rgba(28, 57, 71, .93);

    border-color:
        var(--color-border);
}

:root[data-theme="dark"]
.enterprise-solution {
    background:
        var(--color-surface);

    border-color:
        var(--color-border);
}

:root[data-theme="dark"]
.enterprise-solution:hover {
    background:
        var(--color-surface-raised);
}

:root[data-theme="dark"]
.enterprise-solution__content strong {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.enterprise-solution__icon {
    background:
        rgb(26, 59, 71);

    color:
        var(--color-brand-secondary);
}



/* =========================================================
   REDUCED MOTION
   ========================================================= */

:root[data-theme="dark"] .imagen_producto--light {
    display: none;
}

:root[data-theme="dark"] .imagen_producto--dark {
    display: block;
}



/* =========================================================
   DARK MODE
   ========================================================= */

:root[data-theme="dark"]
.contact-page-section {
    background:
        var(--color-background);
}

:root[data-theme="dark"]
.contact-page-section__title {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.contact-page-section__title span {
    color:
        var(--color-accent);
}

:root[data-theme="dark"]
.contact-page-section__description,
:root[data-theme="dark"]
.contact-page-card__header p {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.contact-page-card {
    background:
        rgba(23, 47, 59, .94);

    border-color:
        var(--color-border);
}

:root[data-theme="dark"]
.contact-page-card__header h3,
:root[data-theme="dark"]
.contact-page-card__list a {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.contact-page-card__phone {
    color:
        var(--color-brand-secondary);
}

:root[data-theme="dark"]
.contact-page-card__icon {
    background:
        rgb(26, 59, 71);

    color:
        var(--color-brand-secondary);
}

:root[data-theme="dark"]
.tower-hero {
    background:
        linear-gradient(
            135deg,
            var(--color-background) 0%,
            var(--color-surface) 46%,
            var(--color-background) 100%
        );

    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-hero__title {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-hero__title strong {
    color:
        var(--color-brand-secondary);

    text-shadow:
        0
        0
        1.6rem
        rgba(57, 196, 214, .3);
}

:root[data-theme="dark"]
.tower-hero__description {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.tower-hero__statement {
    color:
        var(--color-accent);
}

:root[data-theme="dark"]
.tower-hero__breadcrumbs a,
:root[data-theme="dark"]
.tower-hero__breadcrumbs span {
    color:
        rgba(188, 203, 208, .7);
}

:root[data-theme="dark"]
.tower-hero__button--secondary {
    background:
        rgba(28, 57, 71, .76);

    border-color:
        var(--color-border);

    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-node {
    background:
        rgba(28, 57, 71, .74);

    border-color:
        rgba(97, 207, 221, .4384);
}

:root[data-theme="dark"]
.tower-node__copy strong {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-satellite {
    background:
        rgba(28, 57, 71, .82);
}

:root[data-theme="dark"]
.tower-core__ring {
    background:
        rgba(28, 57, 71, .7);
}

:root[data-theme="dark"]
.tower-core__ring--one {
    background:
        rgb(32, 76, 91);
}

:root[data-theme="dark"]
.tower-challenge {
    background:
        var(--color-background);

    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-challenge__title {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-challenge__description {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.tower-challenge__feature {
    background:
        linear-gradient(
            145deg,
            var(--color-surface-raised),
            rgb(53, 88, 99)
        );

    border-color:
        var(--color-border);
}

:root[data-theme="dark"]
.tower-challenge__feature-title {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-challenge__feature-description {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.tower-challenge__perspective {
    background:
        rgba(23, 47, 59, .96);

    border-color:
        var(--color-border);
}

:root[data-theme="dark"]
.tower-challenge__perspective-content p {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-challenge__perspective-icon {
    background:
        rgb(26, 59, 71);

    color:
        var(--color-brand-secondary);
}

:root[data-theme="dark"]
.control-model {
    background:
        var(--color-background);

    color:
        var(--color-text);
}

:root[data-theme="dark"]
.control-model__title-govern {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.control-model__title-operate {
    color:
        var(--color-brand-secondary);
}

:root[data-theme="dark"]
.control-model__title-evolve {
    color:
        var(--color-accent);
}

:root[data-theme="dark"]
.control-model__description,
:root[data-theme="dark"]
.control-model__note {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.control-card {
    background:
        rgba(23, 47, 59, .94);

    border-color:
        var(--color-border);

    box-shadow:
        0
        1.2rem
        3rem
        rgba(0, 0, 0, .2);
}

:root[data-theme="dark"]
.control-card__title {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.control-card__description,
:root[data-theme="dark"]
.control-card__list li,
:root[data-theme="dark"]
.control-card__number {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.control-card--govern
.control-card__name {
    color:
        var(--color-brand-secondary);
}

:root[data-theme="dark"]
.control-card--operate
.control-card__name {
    color:
        var(--color-secondary-text);
}

:root[data-theme="dark"]
.control-card--evolve
.control-card__name {
    color:
        var(--color-accent);
}

:root[data-theme="dark"]
.control-model__arrow {
    background:
        var(--color-surface-raised);

    border-color:
        var(--color-border);

    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-faq {
    background:
        var(--color-background);

    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-faq__title-dark {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-faq__title-accent {
    color:
        var(--color-brand-secondary);
}

:root[data-theme="dark"]
.tower-faq__item {
    background:
        rgba(23, 47, 59, .95);

    border-color:
        var(--color-border);

    box-shadow:
        0
        .7rem
        2rem
        rgba(0, 0, 0, .0307);
}

:root[data-theme="dark"]
.tower-faq__question {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-faq__question-text {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.tower-faq__answer-inner p {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.tower-faq__icon,
:root[data-theme="dark"]
.tower-faq__toggle {
    background:
        rgb(30, 68, 82);

    color:
        var(--color-brand-secondary);
}

:root[data-theme="dark"]
.tower-faq__item.is-open
.tower-faq__icon {
    background:
        var(--color-brand-secondary);

    color:
        var(--color-on-brand);
}

:root[data-theme="dark"]
.governance-artifacts {
    background:
        linear-gradient(
            135deg,
            var(--color-background) 0%,
            rgb(50, 78, 86) 50%,
            var(--color-background) 100%
        );

    color:
        var(--color-text);
}

:root[data-theme="dark"]
.governance-artifacts__title-light {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.governance-artifacts__title-accent {
    color:
        var(--color-brand-secondary);
}

:root[data-theme="dark"]
.governance-artifacts__description {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.governance-artifact {
    background:
        rgba(28, 57, 71, .76);

    border-color:
        rgba(117, 213, 224, .3447);

    box-shadow:
        0
        1rem
        2.4rem
        rgba(0, 0, 0, .0505);
}

:root[data-theme="dark"]
.governance-artifact:hover {
    background:
        rgba(28, 57, 71, .9);

    border-color:
        rgba(88, 205, 219, .5064);
}

:root[data-theme="dark"]
.governance-artifact__label {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.operating-model {
    background:
        var(--color-background);

    color:
        var(--color-text);
}

:root[data-theme="dark"]
.operating-model__title {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.operating-model__description,
:root[data-theme="dark"]
.operating-model__note {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.operating-model__card {
    background:
        rgba(23, 47, 59, .95);

    border-color:
        var(--color-border);

    box-shadow:
        0
        1rem
        2.6rem
        rgba(0, 0, 0, .0395);
}

:root[data-theme="dark"]
.operating-model__card:hover {
    background:
        var(--color-surface-raised);

    border-color:
        rgba(107, 210, 223, .3873);
}

:root[data-theme="dark"]
.operating-model__card-title {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.operating-model__card-description,
:root[data-theme="dark"]
.operating-model__card-index {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.operating-model__card-icon {
    background:
        rgb(30, 68, 82);
}

:root[data-theme="dark"]
.operating-model__card--extended
.operating-model__card-icon {
    background:
        rgb(34, 70, 84);
}

:root[data-theme="dark"]
.operating-model__card--experience
.operating-model__card-icon {
    background:
        rgb(31, 70, 80);
}

:root[data-theme="dark"]
.operating-model__arrow {
    background:
        var(--color-surface-raised);

    border-color:
        var(--color-border);

    color:
        var(--color-text);
}

:root[data-theme="dark"]
.alm5-framework {
    background:
        linear-gradient(
            135deg,
            var(--color-background) 0%,
            rgb(50, 78, 86) 52%,
            var(--color-background) 100%
        );

    color:
        var(--color-text);
}

:root[data-theme="dark"]
.alm5-framework__title-light {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.alm5-framework__title-accent {
    color:
        var(--color-brand-secondary);
}

:root[data-theme="dark"]
.alm5-framework__description {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.alm5-framework__card {
    background:
        rgba(28, 57, 71, .78);

    border-color:
        rgba(119, 213, 225, .3362);
}

:root[data-theme="dark"]
.alm5-framework__card:hover {
    background:
        rgba(28, 57, 71, .9);
}

:root[data-theme="dark"]
.alm5-framework__card-title {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.alm5-framework__card-description {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.governed-ecosystem {
    background:
        linear-gradient(
            135deg,
            var(--color-background) 0%,
            rgb(50, 78, 86) 50%,
            var(--color-background) 100%
        );
}

:root[data-theme="dark"]
.governed-ecosystem__title-light {
    color:
        var(--color-text);
}

:root[data-theme="dark"]
.governed-ecosystem__title-accent {
    color:
        var(--color-brand-secondary);
}

:root[data-theme="dark"]
.governed-ecosystem__description {
    color:
        var(--color-text-muted);
}

:root[data-theme="dark"]
.governed-component {
    background:
        rgba(28, 57, 71, .78);

    border-color:
        rgba(108, 210, 223, .3788);
}

:root[data-theme="dark"]
.governed-component:hover {
    background:
        rgba(28, 57, 71, .9);
}

:root[data-theme="dark"]
.governed-component__label {
    color:
        var(--color-text);
}