/* Modo oscuro — listado /servicios/ (requiere theme-dark-shared.css) */

/* Hero solo degradado (sin foto de cabecera) */
html[data-theme="dark"] body.page-servicios .services-hero--static .services-hero__banner {
    background:
        radial-gradient(900px 320px at 10% 0%, rgba(61, 214, 140, 0.1) 0%, transparent 60%),
        linear-gradient(180deg, var(--home-dark-surface-2) 0%, var(--home-dark-bg) 100%);
}

html[data-theme="dark"] body.page-servicios .services-hero--static .services-kicker {
    color: var(--home-dark-green);
    text-shadow: none;
}

html[data-theme="dark"] body.page-servicios .services-hero--static .services-title {
    color: var(--home-dark-text);
    text-shadow: none;
}

html[data-theme="dark"] body.page-servicios .services-hero--static .services-lead {
    color: var(--home-dark-muted);
    text-shadow: none;
}

/* Hero con imagen: se mantiene la foto; flecha coherente (fuera del recuadro) */
html[data-theme="dark"] body.page-servicios .services-hero__scroll-btn {
    background: rgba(22, 29, 38, 0.92);
    color: var(--home-dark-green);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] body.page-servicios .services-hero__scroll-btn:hover {
    background: var(--home-dark-surface-2);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
}

/* Listado de tarjetas */
html[data-theme="dark"] body.page-servicios .services-section {
    background: var(--home-dark-bg);
}

html[data-theme="dark"] body.page-servicios .services-carousel-hint {
    color: var(--home-dark-muted) !important;
}

html[data-theme="dark"] body.page-servicios .services-mobile-hint__inner {
    color: #8ef0c0;
    background: linear-gradient(135deg, rgba(61, 214, 140, 0.16) 0%, rgba(61, 214, 140, 0.08) 100%);
    border-color: rgba(61, 214, 140, 0.32);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] body.page-servicios .services-mobile-hint__icon {
    color: #6bffb0;
}

html[data-theme="dark"] body.page-servicios .services-section--especializados {
    background: linear-gradient(180deg, var(--home-dark-bg) 0%, var(--home-dark-surface-2) 100%);
    border-top-color: var(--home-dark-border);
}

html[data-theme="dark"] body.page-servicios .services-section .text-muted {
    color: var(--home-dark-muted) !important;
}

html[data-theme="dark"] body.page-servicios .service-card {
    background: var(--home-dark-surface);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] body.page-servicios .service-card-link:hover .service-card,
html[data-theme="dark"] body.page-servicios .service-card-link:focus-visible .service-card {
    border-color: rgba(61, 214, 140, 0.35);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] body.page-servicios .service-card-link:focus-visible {
    outline-color: var(--home-dark-green);
}

html[data-theme="dark"] body.page-servicios .service-card__hero-head {
    color: var(--home-dark-text);
    background: linear-gradient(180deg, var(--home-dark-surface-2) 0%, var(--home-dark-surface) 100%);
    border-bottom-color: var(--home-dark-border);
}

html[data-theme="dark"] body.page-servicios .service-card__hero-head-accent {
    color: var(--home-dark-green);
}

html[data-theme="dark"] body.page-servicios .service-card__thumb {
    background: #0a1016;
}

html[data-theme="dark"] body.page-servicios .service-card__title {
    color: var(--home-dark-text);
}

html[data-theme="dark"] body.page-servicios .service-card__desc {
    color: var(--home-dark-muted);
}

html[data-theme="dark"] body.page-servicios .service-card__icon {
    color: var(--home-dark-green);
}

html[data-theme="dark"] body.page-servicios .service-card-link:hover .service-card__icon,
html[data-theme="dark"] body.page-servicios .service-card-link:focus-visible .service-card__icon {
    color: #e8c99a;
}

html[data-theme="dark"] body.page-servicios .service-card__more {
    color: var(--home-dark-green);
}

html[data-theme="dark"] body.page-servicios .service-card-link:hover .service-card__more,
html[data-theme="dark"] body.page-servicios .service-card-link:focus-visible .service-card__more {
    color: #e8c99a;
}

@media (max-width: 768px) {
    html[data-theme="dark"] body.page-servicios .services-mobile-scroll .services-grid {
        scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
    }

    html[data-theme="dark"] body.page-servicios .services-mobile-scroll .services-grid::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.28);
    }

    html[data-theme="dark"] body.page-servicios .service-card__thumb {
        background: #121820;
    }
}

/* CTA inferior */
html[data-theme="dark"] body.page-servicios .services-cta {
    background: linear-gradient(135deg, #050608 0%, var(--home-dark-surface-2) 50%, var(--home-dark-bg) 100%);
    border-top: 1px solid var(--home-dark-border);
}

html[data-theme="dark"] body.page-servicios .services-cta-title {
    color: var(--home-dark-text);
}

html[data-theme="dark"] body.page-servicios .services-cta-lead {
    color: var(--home-dark-muted);
}

html[data-theme="dark"] body.page-servicios .btn-services-ghost {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.28);
    color: #ffffff !important;
}

html[data-theme="dark"] body.page-servicios .btn-services-ghost:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.45);
    color: #ffffff !important;
}