/* Modo oscuro — Contacto (requiere theme-dark-shared.css + icasa-theme-enabled) */

html[data-theme="dark"] body.page-contacto {
    background: var(--home-dark-bg, #0c1014);
}

html[data-theme="dark"] body.page-contacto .page-contacto {
    --empleo-green: #3dd68c;
    --empleo-green-bright: #4ae09a;
    --empleo-ink: #e8eef4;
    --empleo-muted: #9eb0c0;
    --empleo-surface: #0c1014;
    --contacto-surface: #161d26;
    --contacto-surface-2: #1e2833;
    --contacto-line: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] body.page-contacto .contacto-page {
    background: linear-gradient(
        180deg,
        var(--home-dark-surface-2, #1e2833) 0%,
        var(--home-dark-bg, #0c1014) 38%,
        var(--home-dark-bg, #0c1014) 100%
    );
}

/* Hero con imagen: caption blanca sobre scrim (sin cambios al modo claro) */

html[data-theme="dark"] body.page-contacto .contacto-hero-banner {
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.4);
}

html[data-theme="dark"] body.page-contacto .empleo-hero__scroll-btn {
    background: var(--contacto-surface);
    color: var(--empleo-green);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] body.page-contacto .empleo-hero__scroll-btn:hover {
    background: var(--contacto-surface-2);
    color: var(--empleo-green-bright);
}

/* Contenido principal */
html[data-theme="dark"] body.page-contacto .contacto-icasa-section {
    background: transparent;
}

html[data-theme="dark"] body.page-contacto .contacto-icasa-kicker {
    color: var(--empleo-green);
}

/* Títulos y textos introductorios (editables / visibles sobre fondo oscuro) */
html[data-theme="dark"] body.page-contacto .contacto-icasa-title,
html[data-theme="dark"] body.page-contacto .contacto-icasa-lead,
html[data-theme="dark"] body.page-contacto .contacto-icasa-list h2,
html[data-theme="dark"] body.page-contacto .contacto-icasa-whatsapp > p,
html[data-theme="dark"] body.page-contacto .contacto-icasa-social > p {
    color: #fff !important;
}

html[data-theme="dark"] body.page-contacto .contacto-icasa-list p,
html[data-theme="dark"] body.page-contacto .contacto-icasa-list a {
    color: #b8c5d1;
}

html[data-theme="dark"] body.page-contacto .contacto-icasa-list a:hover {
    color: var(--empleo-green);
}

html[data-theme="dark"] body.page-contacto .contacto-icasa-icon {
    background: rgba(61, 214, 140, 0.14);
    color: var(--empleo-green);
}

html[data-theme="dark"] body.page-contacto .contacto-icasa-whatsapp {
    background: var(--contacto-surface);
    border-color: var(--contacto-line);
}

html[data-theme="dark"] body.page-contacto .btn-contacto-whatsapp {
    border-color: var(--empleo-green);
    color: var(--empleo-green);
    background: transparent;
}

html[data-theme="dark"] body.page-contacto .btn-contacto-whatsapp:hover {
    background: var(--empleo-green);
    color: #0c1014;
}

html[data-theme="dark"] body.page-contacto .contacto-social-link {
    background: var(--contacto-surface-2);
    border-color: var(--contacto-line);
    color: var(--empleo-green);
}

html[data-theme="dark"] body.page-contacto .contacto-social-link:hover {
    background: var(--empleo-green);
    color: #0c1014;
}

/* Formulario verde ICASA: se mantiene (inputs blancos sobre card verde) */
html[data-theme="dark"] body.page-contacto .contacto-icasa-card {
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
}

/* Mapa sede */
html[data-theme="dark"] body.page-contacto .contacto-mapa-sede {
    background: #121820;
    border-color: var(--contacto-line);
}

html[data-theme="dark"] body.page-contacto .contacto-mapa-hint {
    color: var(--empleo-muted) !important;
}

html[data-theme="dark"] body.page-contacto .contacto-mapa-hint kbd {
    background: var(--contacto-surface);
    border: 1px solid var(--contacto-line);
    color: var(--empleo-ink);
}

html[data-theme="dark"] body.page-contacto .contacto-mapa-sede .text-muted {
    color: var(--empleo-muted) !important;
}

/* Popup mapa contacto: texto oscuro sobre fondo blanco de Google */
html[data-theme="dark"] body.page-contacto .contacto-mapa-sede .gm-style-iw,
html[data-theme="dark"] body.page-contacto .contacto-mapa-sede .gm-style-iw-c,
html[data-theme="dark"] body.page-contacto .contacto-mapa-sede .gm-style-iw-d {
    color-scheme: light !important;
}

html[data-theme="dark"] body.page-contacto .contacto-mapa-iw {
    color: #334155 !important;
    color-scheme: light;
}

html[data-theme="dark"] body.page-contacto .contacto-mapa-iw strong {
    color: #0f172a !important;
}

html[data-theme="dark"] body.page-contacto .contacto-mapa-iw p,
html[data-theme="dark"] body.page-contacto .contacto-mapa-iw a {
    color: #64748b !important;
}

html[data-theme="dark"] body.page-contacto .contacto-mapa-iw a {
    color: #006837 !important;
    font-weight: 600;
}
