/* Extraído del bundle React legacy (trabajito-web/public/dist/react/app.js), el sistema de dark-mode "moderno" usado por las páginas ya migradas a React ahí (home, job-list-v4, job-detail) — distinto del sistema jQuery viejo de home1.js (que solo tocaba `.user-dashboard.bc-user-dashboard` y similares). Usa CSS nesting nativo: basta con alternar `.oscuro` en o para que cascadee a todo lo de acá abajo, sin necesidad de tocar cada elemento. */ .oscuro,.page-wrapper.oscuro,[data-theme=dark],body.oscuro,html.oscuro { .bravo_wrap,.page-wrapper,[data-react],body { background-color:#0f172a!important; color:#f8fafc!important } .saludo-candidato { background-color:#1e293b!important; border-radius:12px } .perfil-candidato,.saludo-candidato,.saludo-candidato h1,.saludo-candidato p { color:#f8fafc!important } .perfil-candidato { background-color:#1e293b!important; border-radius:12px } .perfil-candidato h5,.perfil-candidato p { color:#e2e8f0!important } .mobile-card-content { background-color:#1e293b!important; box-shadow:0 4px 15px rgba(0,0,0,.4)!important } .mobile-card-content,.mobile-card-content h4 { color:#f8fafc!important } .search-candidate input { background-color:#334155!important; border:1px solid #475569!important; color:#f8fafc!important } .search-candidate input::-moz-placeholder { color:#94a3b8!important } .search-candidate input::placeholder { color:#94a3b8!important } .pag-resource.dashboard-job { background-color:#0f172a!important; color:#cbd5e1!important } .candidate-job { background-color:#1e293b!important; border:1px solid #334155!important; border-radius:12px } .candidate-job,.candidate-job a,.candidate-job h5 { color:#f8fafc!important } .candidate-job p,.candidate-job span { color:#94a3b8!important } .candidate-job .bookmark-btn { background-color:#334155!important; color:#cbd5e1!important } .candidate-job .bookmark-btn.active { color:#38bdf8!important } #second-header,.QMbmP,.second-header { background-color:#1e293b!important; border-bottom:1px solid #334155!important; box-shadow:0 2px 10px rgba(0,0,0,.3)!important } .second-header .JobViewTitle,.second-header h1,.second-header h2,.second-header h3 { color:#f8fafc!important } .second-header .address,.second-header .company-name-linkstyles__CompanyLink-sc-1vclm3l-0 { color:#94a3b8!important } .cCjLjQ,.second-footer { background-color:#1e293b!important; border-top:1px solid #334155!important; box-shadow:0 -2px 10px rgba(0,0,0,.3)!important } .second-footer a,.second-footer span { color:#cbd5e1!important } .job-detail-outer,.job-detail-section { background-color:#0f172a!important } .upper-box { border-bottom:1px solid #334155!important } .job-block-seven .inner-box,.upper-box { background-color:#1e293b!important } .job-block-seven h4 { color:#f8fafc!important } .job-block-seven .job-info li { color:#94a3b8!important } .job-detail.only-text { color:#e2e8f0!important } .job-detail.only-text div,.job-detail.only-text li,.job-detail.only-text p,.job-detail.only-text span,.job-detail.only-text td,.job-detail.only-text th { color:#cbd5e1!important } .job-detail.only-text b,.job-detail.only-text h1,.job-detail.only-text h2,.job-detail.only-text h3,.job-detail.only-text h4,.job-detail.only-text h5,.job-detail.only-text h6,.job-detail.only-text strong { color:#f8fafc!important } .job-detail.only-text a { color:#38bdf8!important } .job-detail.only-text blockquote { background-color:#1e293b!important; border-left:4px solid #38bdf8!important; color:#e2e8f0!important } .sidebar-widget { background-color:#182232!important; border:1px solid #334155!important; border-radius:12px } .sidebar-widget .widget-title { border-bottom-color:#334155!important; color:#f8fafc!important } .sidebar-widget .widget-content .job-overview li,.sidebar-widget .widget-content .job-overview li h5,.sidebar-widget .widget-content .job-overview li span { color:#e2e8f0!important } .sidebar-widget .widget-content .job-overview li i { color:#38bdf8!important } .sidebar-widget .job-skills li a { background-color:#334155!important; border:1px solid #475569!important; color:#e2e8f0!important } .company-widget { background-color:#182232!important; border:1px solid #334155!important } .company-widget .company-name { color:#f8fafc!important } .company-widget .company-info li,.company-widget .company-info span { color:#cbd5e1!important } .company-widget .profile-link { color:#38bdf8!important } .related-jobs h3 { color:#f8fafc!important } .related-jobs .job-block .inner-box { background-color:#1e293b!important; border:1px solid #334155!important } .related-jobs .job-block h4 a { color:#f8fafc!important } .related-jobs .job-block .job-info li { color:#94a3b8!important } .banner-section-three-mobile { background-color:#0f172a!important } .banner-section-three-mobile .container-letter.only-text,.banner-section-three-mobile span,.banner-section-three-mobile strong { color:#f8fafc!important } .ls-outer,.ls-section.style-two { background-color:#0f172a!important } .showing-result,.showing-result .dem,.showing-result .text { color:#cbd5e1!important } .showing-result strong { color:#f8fafc!important } .job-block .inner-box,.job-block-two .inner-box { background-color:#1e293b!important; border:1px solid #334155!important; border-radius:12px!important; color:#f8fafc!important } .job-block h4 a,.job-block-two h4 a { color:#f8fafc!important } .job-block .job-info li,.job-block-two .job-info li { color:#94a3b8!important } .job-block .job-other-info li.time,.job-block-two .job-other-info li.time { background-color:#334155!important; color:#e2e8f0!important } .job-block .bookmark-btn,.job-block-two .bookmark-btn { background-color:#334155!important; color:#cbd5e1!important } .job-block .bookmark-btn.active,.job-block-two .bookmark-btn.active { color:#38bdf8!important } .banner-section-three h3,.banner-section-three h3 span { color:#f8fafc!important } .job-section-two { background-color:#0f172a!important } .job-section-two .sec-title h2 { color:#f8fafc!important } .job-section-two .sec-title .text { color:#94a3b8!important } .ai-prompt-search-container,.ai-prompt-search-wrapper { border:1px solid #334155!important; border-radius:12px!important } .ai-prompt-input,.ai-prompt-search-container,.ai-prompt-search-input,.ai-prompt-search-wrapper { background-color:#1e293b!important; color:#f8fafc!important } /* Gap real del bundle legacy: `.ai-prompt-inner-container` (la tarjeta interna blanca, `#fbfcfd` en claro) nunca tuvo contraparte oscura ahí tampoco — se agrega acá con el mismo tono "tarjeta anidada" que `.sidebar-widget`/`.company-widget`. */ .ai-prompt-inner-container { background-color:#182232!important; color:#f8fafc!important } .ai-prompt-input::-moz-placeholder,.ai-prompt-search-input::-moz-placeholder { color:#94a3b8!important } .ai-prompt-input::placeholder,.ai-prompt-search-input::placeholder { color:#94a3b8!important } .ai-prompt-chip,.ai-prompt-tag { background-color:#334155!important; border:1px solid #475569!important; color:#e2e8f0!important } #filtro-departamento,.contenedor-circulos-historias,.department-filter-container { background-color:#0f172a!important } .dep-pill,.department-pill { background-color:#1e293b!important; border:1px solid #334155!important; color:#cbd5e1!important } .dep-pill.active,.department-pill.active { background-color:#30a5bf!important; border-color:#30a5bf!important; color:#fff!important } .circulo-historia-wrapper span,.story-circle-label { color:#e2e8f0!important } .filter-modal-panel { background-color:#1e293b!important } .filter-modal-close,.filter-modal-panel,.filter-modal-title { color:#f8fafc!important } .filter-modal-close { background-color:#334155!important } .filter-accordion-btn { background-color:#1e293b!important; border:1.5px solid #475569!important; color:#e2e8f0!important } .filter-accordion-btn.open { border-color:#38bdf8!important; color:#38bdf8!important } .filter-option-list li { border-bottom:1px solid #334155!important; color:#e2e8f0!important } .filter-option-list li:hover { background-color:#334155!important } .filter-option-list li.selected { background-color:rgba(56,189,248,.15)!important; color:#38bdf8!important } .checkbox-outer label,.switchbox li .title { color:#e2e8f0!important } .navbar.mobile-menu { background-color:#1e293b!important; border-top:1px solid #334155!important; box-shadow:0 -2px 10px rgba(0,0,0,.3)!important } .navbar.mobile-menu a,.navbar.mobile-menu p { color:#cbd5e1!important } .navbar.mobile-menu a.active,.navbar.mobile-menu a:hover { color:#38bdf8!important } .skeleton-loading,.skeleton-pulse { background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%)!important; background-size:200% 100%!important } .skeleton-card { background-color:#1e293b!important; border-color:#334155!important } .footer-bottom,.main-footer,footer.main-footer { background-color:#0f172a!important; border-top:1px solid #334155!important; color:#f8fafc!important } .main-footer .about-widget,.main-footer .widget-title,.main-footer h4,.main-footer h5 { color:#f8fafc!important } .main-footer .copyright-text,.main-footer .social-links a,.main-footer .widget-content,.main-footer .widget-content a,.main-footer .widget-content li,.main-footer .widget-content p { color:#cbd5e1!important } .main-footer .social-links a:hover,.main-footer .widget-content a:hover { color:#38bdf8!important } }