/* Modo oscuro — Únete a ICASA /solicitud-empleo/ (theme-dark-shared + icasa-theme-enabled) */

html[data-theme="dark"] body.page-solicitud-empleo {
    background: var(--home-dark-bg, #0c1014);
}

html[data-theme="dark"] body.page-solicitud-empleo {
    --empleo-green: #3dd68c;
    --empleo-green-bright: #4ae09a;
    --empleo-ink: #e8eef4;
    --empleo-muted: #9eb0c0;
    --empleo-surface: #0c1014;
    --recruit-ink: #e8eef4;
    --recruit-ink-soft: #c5d0dc;
    --recruit-muted: #9eb0c0;
    --recruit-line: rgba(255, 255, 255, 0.14);
    --recruit-surface: #161d26;
    --empleo-surface-card: #161d26;
}

html[data-theme="dark"] body.page-solicitud-empleo .empleo-page {
    background: linear-gradient(
        180deg,
        var(--home-dark-surface-2, #1e2833) 0%,
        var(--home-dark-bg, #0c1014) 42%,
        var(--home-dark-bg, #0c1014) 100%
    ) !important;
}

/* Hero: caption blanca sobre scrim (sin cambios) */
html[data-theme="dark"] body.page-solicitud-empleo .empleo-hero-banner {
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.4);
}

html[data-theme="dark"] body.page-solicitud-empleo .empleo-hero__scroll-btn {
    background: var(--empleo-surface-card);
    color: var(--empleo-green);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] body.page-solicitud-empleo .empleo-hero__scroll-btn:hover {
    background: #1e2833;
    color: var(--empleo-green-bright);
}

/* Textos editables desde admin (columna intro) — blanco sobre cards verdes */
html[data-theme="dark"] body.page-solicitud-empleo .empleo-intro__kicker {
    color: rgba(255, 255, 255, 0.82) !important;
}

html[data-theme="dark"] body.page-solicitud-empleo .empleo-intro__title,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-intro__lead,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-highlights__item {
    color: #fff !important;
}

/* Cards verdes ICASA: se mantienen; sombra adaptada al fondo oscuro */
html[data-theme="dark"] body.page-solicitud-empleo .empleo-intro-panel,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-form-shell {
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow:
        0 4px 8px rgba(0, 0, 0, 0.25),
        0 20px 52px rgba(0, 0, 0, 0.42);
}

html[data-theme="dark"] body.page-solicitud-empleo .empleo-form-shell__title,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-form-shell__hint,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-field__label,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-field__hint,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-cv-zone__title,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-cv-zone__meta,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-cv-zone__native {
    color: #fff !important;
}

html[data-theme="dark"] body.page-solicitud-empleo .empleo-form-shell__hint,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-field__hint,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-cv-zone__meta {
    color: rgba(255, 255, 255, 0.82) !important;
}

/* Inputs: fondo claro legible sobre card verde */
html[data-theme="dark"] body.page-solicitud-empleo .empleo-field .form-control.empleo-input,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-field .form-select.empleo-input {
    color: #0f172a;
    background-color: #f8fafc;
    border-color: rgba(255, 255, 255, 0.35);
}

html[data-theme="dark"] body.page-solicitud-empleo .empleo-field .form-control.empleo-input:focus,
html[data-theme="dark"] body.page-solicitud-empleo .empleo-field .form-select.empleo-input:focus {
    background-color: #fff;
    border-color: rgba(61, 214, 140, 0.55);
    box-shadow: 0 0 0 3px rgba(61, 214, 140, 0.22);
}

html[data-theme="dark"] body.page-solicitud-empleo .btn-empleo-submit {
    color: var(--empleo-green) !important;
    background: #fff;
    border-color: rgba(255, 255, 255, 0.55);
}

html[data-theme="dark"] body.page-solicitud-empleo .btn-empleo-submit:hover {
    background: rgba(255, 255, 255, 0.96);
}

html[data-theme="dark"] body.page-solicitud-empleo .empleo-form-alert {
    background: rgba(255, 255, 255, 0.97);
    color: #7f1d1d;
}