/* ================================================================
   DARK MODE — sensei ecosystem
   Activado por: body.dark (setting.js + sessionStorage)
   Base: #0A2850 (navy profundo)
   Nivel 1: variables de superficie (automáticos)
   Nivel 2: overrides explícitos para valores hardcodeados
   ================================================================ */

/* --- NIVEL 1: Sobreescritura de tokens de superficie --- */
body.dark {
  --neutral-color100: #071A35;
  --neutral-color200: #0A2850;
  --neutral-color300: #143A6E;
  --neutral-color400: #0D3166;
  --neutral-color500: #6B7B9E;
  --neutral-color600: #8BA5CC;
  --neutral-color700: #C2D2E8;
  --neutral-color800: #D8E4F2;
  --neutral-color900: #EFF4FB;
  --shadow: 0 2px 4px rgba(0,0,0,0.5);
  --shadow-hover: 0 4px 12px rgba(0,0,0,0.7);
  --border-radius: 0.6rem;
  color-scheme: dark;
}

/* Body y contenedores principales */
body.dark {
  background-color: #071A35 !important;
  color: #C2D2E8 !important;
}

/* .page-wraper es el contenedor raíz de TODAS las vistas — background: #f8f9fa hardcoded */
body.dark .page-wraper,
body.dark div.page-wraper {
  background-color: #071A35 !important;
  color: #C2D2E8 !important;
}

body.dark main,
body.dark .main-content,
body.dark .content-inner,
body.dark .content-inner-cliente,
body.dark .iq-banner,
body.dark .position-relative.iq-banner {
  background-color: #071A35 !important;
  color: #C2D2E8 !important;
}

/* ── "Tu último ingreso" en dark ── */
body.dark .last-login {
  color: #EFF4FB !important;
  background-color: rgba(255,255,255,0.08) !important;
}
body.dark .last-login .dot {
  background-color: #4ade80 !important;
}

/* ── "Ocultar menú": quitar fondo blanco en dark ── */
body.dark .sidebar .sidebar-header .ocultar-menu-btn {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #C2D2E8 !important;
}
body.dark .ocultar-menu-btn .icon,
body.dark .ocultar-menu-btn .item-name {
  color: #C2D2E8 !important;
}
body.dark .sidebar-header {
  border-bottom: 1px solid #143A6E !important;
}
body.dark .sidebar-toggle,
body.dark .sidebar .sidebar-toggle {
  background: transparent !important;
  box-shadow: none !important;
}
/* Hamburger móvil en dark: mismo fondo #0A2850 — solo en responsive */
@media (max-width: 1024px) {
  body.dark .nav .sidebar-toggle,
  body.dark .navbar-inner .sidebar-toggle {
    background: #0A2850 !important;
    background-color: #0A2850 !important;
    color: #EFF4FB !important;
    box-shadow: none !important;
  }
  body.dark .nav .sidebar-toggle svg path,
  body.dark .navbar-inner .sidebar-toggle svg path {
    fill: #EFF4FB !important;
  }
}

/* ── Navbar: SIEMPRE BLANCO en light, SIEMPRE OSCURO en dark ──────────────
   Desvinculado del configurador: bg-primary-500 puede cambiar sin afectar
   el navbar porque esta regla carga DESPUÉS (dark_mode.css es el último CSS).
   Especificidad: nav.iq-navbar (0,1,1) > .bg-primary-500 (0,1,0) → gana.
───────────────────────────────────────────────────────────────────────── */
/* ── Navbar: siempre en modo CLARO — inmune al dark mode y al configurador ──
   El fondo se fija aquí. Los hijos heredan colores "light" explícitamente
   para que el dark mode general no los tiña.
─────────────────────────────────────────────────────────────────────────── */
nav.iq-navbar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

/* Media query de Hope UI en dark mode pisa el collapse con #222738 —
   lo neutralizamos para que el navbar colapsado también sea siempre blanco */
@media (max-width: 991.98px) {
  body.dark .iq-navbar .navbar-collapse:not(.offcanvas-collapse) {
    background: #ffffff !important;
  }
  body.dark .iq-navbar .navbar-collapse .nav-link,
  body.dark .iq-navbar .navbar-collapse a { color: #1e293b !important; }
}

/* Hijos del navbar — restaurar colores light aunque body tenga .dark */
body.dark nav.iq-navbar .nav-link,
body.dark nav.iq-navbar a.nav-link { color: #1e293b !important; }

body.dark nav.iq-navbar .caption-title,
body.dark nav.iq-navbar .caption-sub-title { color: #1e293b !important; }

/* Search bar — el input (#global_search) tiene bg-transparent, fondo viene del padre */
body.dark nav.iq-navbar .search-input,
body.dark nav.iq-navbar .input-group {
  background-color: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  border-radius: 0.5rem !important;
}

/* ID selector para máxima especificidad — gana sobre cualquier regla de clase */
body.dark #global_search {
  background-color: transparent !important;
  color: #1e293b !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.dark nav.iq-navbar input::placeholder,
body.dark #global_search::placeholder { color: #94a3b8 !important; }

/* text-white SOLO en el input del search — NO en los sub-drops (h5 en card-headers) */
body.dark #global_search.text-white { color: #1e293b !important; }

body.dark nav.iq-navbar .input-group-text {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #64748b !important;
}

body.dark nav.iq-navbar svg path,
body.dark nav.iq-navbar svg circle,
body.dark nav.iq-navbar svg line,
body.dark nav.iq-navbar svg polyline { stroke: #64748b00 !important; }

body.dark nav.iq-navbar .navbar-toggler { border-color: #cbd5e1 !important; }

/* Dropdown notificaciones / sub-drop — patrón común en todas las vistas */
body.dark .sub-drop,
body.dark .sub-drop.dropdown-menu,
body.dark .sub-drop .card,
body.dark .sub-drop .shadow-none { background-color: #0A2850 !important; color: #C2D2E8 !important; border-color: #143A6E !important; }
body.dark .sub-drop .py-3,
body.dark .sub-drop .card-header { background-color: #0D3166 !important; border-bottom-color: #143A6E !important; color: #EFF4FB !important; }
body.dark .sub-drop .iq-sub-card { background-color: #0A2850 !important; border-bottom-color: #143A6E !important; }
body.dark .sub-drop .list-group-item { background-color: #0A2850 !important; border-color: #143A6E !important; color: #C2D2E8 !important; }
body.dark .sub-drop .bg-light { background-color: #0D3166 !important; }

/* Profile menu panel */
body.dark .profile-menu-panel,
body.dark .profile-menu-panel .card,
body.dark .profile-menu-panel .list-group-item { background-color: #0A2850 !important; color: #C2D2E8 !important; border-color: #143A6E !important; }

/* Profile header — main.css usa background:linear-gradient, hay que resetear con shorthand */
body.dark .profile-menu-header {
  background: #0D3166 !important;           /* resetea gradient + color */
  background-image: none !important;         /* elimina el gradient explícitamente */
  border-bottom: 1px solid #143A6E !important;
}
body.dark .profile-menu-name,
body.dark .profile-menu-meta { color: #EFF4FB !important; }

/* Items del menú — .neutral-700 hardcoded */
body.dark .profile-menu-item,
body.dark .profile-menu-item.neutral-700,
body.dark .profile-menu-label { color: #C2D2E8 !important; }
body.dark .profile-menu-item:hover { background-color: rgba(255,255,255,0.06) !important; }

/* Cerrar sesión — rojo legible en dark */
body.dark .profile-menu-logout,
body.dark .profile-menu-logout .profile-menu-label { color: #FF8A8A !important; }

/* Roles sub-list — texto claro legible en dark (se veía apagado en móvil).
   #submenuRoles (id) gana en especificidad a .neutral-500 !important (#9e9e9e). */
body.dark #submenuRoles .profile-menu-role-link,
body.dark #submenuRoles .change_user,
body.dark #submenuRoles .neutral-500,
body.dark .profile-menu-roles .profile-menu-role-link,
body.dark .profile-menu-roles .neutral-500 { color: #C2D2E8 !important; }
body.dark #submenuRoles .profile-menu-role-link:hover,
body.dark #submenuRoles .profile-menu-role-link:focus,
body.dark .profile-menu-roles .profile-menu-role-link:hover { color: #FFFFFF !important; }

/* Sección con divider */
body.dark .profile-menu-divider { border-top: 1px solid #143A6E !important; }

/* Notificaciones — texto p más legible */
body.dark .sub-drop .list-group-item p { color: #C2D2E8 !important; }
body.dark .sub-drop .list-group-item a { color: #C2D2E8 !important; }

/* Sidebar filtros modulos-transversales — mismo color que las cards */
body.dark .mt-sidebar,
body.dark .mt-sidebar .filter-card,
body.dark .mt-sidebar .s-filter {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}

/* Tabs de módulos transversales (.mt-pill) */
/* Cada botón ya tiene --pill-color definido inline por PHP */
body.dark .mt-pill {
  background-color: #0D3166 !important;
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
  transition: all .18s ease !important;
}
/* Hover — borde + texto en el color propio del módulo */
body.dark .mt-pill:not(.active):hover {
  border-color: var(--pill-color) !important;
  color: var(--pill-color) !important;
  background-color: #0D3166 !important;
}
/* Activo — fondo sólido con el color del módulo */
body.dark .mt-pill.active {
  background-color: var(--pill-color) !important;
  border-color: var(--pill-color) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
body.dark .mt-pills { background-color: transparent !important; }

/* Checkboxes en filtros dark — visibles con borde claro */
body.dark .form-check-input[type="checkbox"] {
  background-color: #0A2850 !important;
  border: 2px solid #8BA5CC !important;
  border-radius: 3px !important;
  width: 1.1rem !important;
  height: 1.1rem !important;
}
body.dark .form-check-input[type="checkbox"]:checked {
  background-color: var(--brand-principal-default) !important;
  border-color: var(--brand-principal-default) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}
body.dark .form-check-input[type="checkbox"]:hover {
  border-color: #C2D2E8 !important;
}
body.dark .form-check-label {
  color: #C2D2E8 !important;
  cursor: pointer;
}

/* Hover sutil en cat-node-header */
body.dark .cat-node-header {
  transition: background-color 0.2s ease, color 0.2s ease !important;
}
body.dark .cat-node-header:hover {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #EFF4FB !important;
  border-radius: 6px !important;
}

/* Categoría label con color (Cursos Indispensables etc.) */
body.dark .cat-label,
body.dark .categoria-color-label { filter: brightness(1.2) !important; }

/* Cards de cursos — patrón común */
body.dark .course-card,
body.dark .fav-card,
body.dark .mc-card { background-color: #0A2850 !important; color: #C2D2E8 !important; border-color: #143A6E !important; }
body.dark .back-btn-hero {
  background-color: #0DBBFF !important;
  color: #ffffff !important;
  border-color: #0DBBFF !important;
}
body.dark .back-btn-hero:hover {
  background-color: #00a3e0 !important;
  color: #ffffff !important;
  border-color: #00a3e0 !important;
}
body.dark .fav-card-image { background-color: #0D3166 !important; }
body.dark .descripcion-section { background-color: #0A2850 !important; color: #C2D2E8 !important; }
body.dark .home-card-inner { background-color: #0A2850 !important; color: #C2D2E8 !important; border-color: #143A6E !important; }

/* Home — card image wrapper */
body.dark .card-img-wrapper { background-color: #0D3166 !important; }
body.dark .home-track        { background-color: #0A2850 !important; color: #C2D2E8 !important; border-color: #143A6E !important; }
body.dark .fondo-cuadr-img   { background-color: #0D3166 !important; }
body.dark [class*="bg-primary-200"] { background-color: #0DBBFF !important; }
body.dark .card-clean        { background-color: #0A2850 !important; color: #C2D2E8 !important; border-color: #143A6E !important; }

/* Logros — gemas y sistema */
body.dark .gem-count-card,
body.dark .gem-position-card,
body.dark .gem-table-card,
body.dark .sistema-card,
body.dark .card-header-logros { background-color: #0A2850 !important; color: #C2D2E8 !important; border-color: #143A6E !important; }
body.dark .diam,
body.dark .rubi,
body.dark .esmer { opacity: 0.9 !important; }
body.dark .even { background-color: #071A35 !important; }

/* Hero / banner — transparente para que se vea la imagen de fondo */
body.dark .hero-banner-content,
body.dark .hero-banner-container,
body.dark .slider-full-width,
body.dark .banner-home,
body.dark .carousel,
body.dark .carousel-inner,
body.dark .carousel-item { background-color: transparent !important; }

/* Cards de módulos/categorías en home */
body.dark .modulos-card,
body.dark .categoria-card,
body.dark .card-modulo,
body.dark .card-categoria,
body.dark .home-card,
body.dark .curso-card-home { background-color: #0A2850 !important; border-color: #143A6E !important; color: #C2D2E8 !important; }

/* Secciones con fondo blanco explícito */
body.dark section,
body.dark .section,
body.dark .row-section { background-color: #071A35 !important; }

/* Títulos de sección */
body.dark .section-title,
body.dark .home-section-title { color: #EFF4FB !important; opacity: 1 !important; animation: none !important; }

/* --- NIVEL 2: Overrides para valores hardcodeados --- */

/* Cards genéricas */
body.dark .card,
body.dark .curso-card,
body.dark .curso-card-horizontal,
body.dark .filter-card,
body.dark .card_cursos,
body.dark .card_programas,
body.dark .search-modal,
body.dark .filters-modal,
body.dark .inv-card,
body.dark .card-custom {
  background: #0A2850 !important;
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
}

body.dark .card-header { background-color: #0D3166 !important; border-bottom-color: #143A6E !important; color: #EFF4FB !important; }
body.dark .card-footer { background-color: #0D3166 !important; border-top-color: #143A6E !important; }

/* Sidebar */
body.dark .sidebar-default {
  background-color: #0A2850 !important;
  border-right-color: #143A6E !important;
}
body.dark .sidebar-list .nav-link        { color: #8BA5CC !important; }
body.dark .sidebar-list .nav-link:hover  { background-color: #0D3166 !important; color: #EFF4FB !important; }
body.dark .sidebar-list .nav-link.active { background-color: #0DBBFF !important; color: #EFF4FB !important; }
body.dark .sidebar-divider               { background-color: #143A6E !important; }
body.dark .sidebar-header                { background-color: #0A2850 !important; border-bottom-color: #143A6E !important; }

/* Ocultar menú: sin fondo ni borde (no debe verse "seleccionado") */
body.dark .sidebar .sidebar-header .ocultar-menu-btn {
  background-color: transparent !important;
  border: none !important;
  color: #C2D2E8 !important;
  box-shadow: none !important;
  outline: none !important;
}
body.dark .sidebar .sidebar-header .ocultar-menu-btn svg { stroke: #C2D2E8 !important; }
body.dark .sidebar .sidebar-header .ocultar-menu-btn .icon,
body.dark .sidebar .sidebar-header .ocultar-menu-btn .item-name { color: #C2D2E8 !important; }
body.dark .sidebar .sidebar-header .ocultar-menu-btn:hover { background-color: rgba(255,255,255,0.08) !important; }

/* Header front views (no son .iq-navbar) */
body.dark .header-front,
body.dark .header-front2,
body.dark .header-front-home {
  background-color: #0A2850 !important;
  border-bottom-color: #143A6E !important;
}
/* .header_search fuera del navbar sí va oscuro; dentro del navbar lo maneja #global_search */
body.dark .header_search:not(nav.iq-navbar *) { color: #C2D2E8 !important; background-color: #0D3166 !important; }

/* Tablas DataTables */
body.dark table.dataTable thead th {
  background-color: #0D3166 !important;
  color: #EFF4FB !important;
  border-color: #143A6E !important;
}
body.dark table.dataTable tbody tr        { background-color: #0A2850 !important; }
body.dark table.dataTable tbody tr.odd    { background-color: #071A35 !important; }
body.dark table.dataTable tbody tr:hover  { background-color: #0D3166 !important; }
body.dark table.dataTable tbody td        { color: #C2D2E8 !important; border-color: #143A6E !important; }
body.dark .dataTables_wrapper .dataTables_filter input { background-color: #0D3166 !important; color: #EFF4FB !important; border-color: #1A4A8C !important; }
body.dark .dataTables_wrapper .dataTables_length select { background-color: #0D3166 !important; color: #EFF4FB !important; }
body.dark .dataTables_wrapper .dataTables_info { color: #8BA5CC !important; }

/* Inputs y formularios */
body.dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body.dark select,
body.dark textarea,
body.dark .form-control,
body.dark .form-select {
  background-color: #0D3166 !important;
  color: #EFF4FB !important;
  border-color: #1A4A8C !important;
}
body.dark .form-control:focus,
body.dark .form-select:focus {
  background-color: #143A6E !important;
  border-color: var(--brand-principal-default) !important;
  box-shadow: 0 0 0 0.2rem rgba(55,113,255,0.25) !important;
  color: #EFF4FB !important;
}
body.dark .form-control::placeholder,
body.dark input::placeholder { color: #6B7B9E !important; }
body.dark .input-group-text {
  background-color: #143A6E !important;
  border-color: #1A4A8C !important;
  color: #8BA5CC !important;
}

/* Modales */
body.dark .modal-content {
  background-color: #0A2850 !important;
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
}
body.dark .modal-header {
  border-bottom-color: #143A6E !important;
  background-color: #0D3166 !important;
}
body.dark .modal-footer {
  border-top-color: #143A6E !important;
  background-color: #0D3166 !important;
}

/* Dropdowns */
body.dark .dropdown-menu {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.6) !important;
}
body.dark .dropdown-item         { color: #C2D2E8 !important; }
body.dark .dropdown-item:hover,
body.dark .dropdown-item:focus   { background-color: #0D3166 !important; color: #EFF4FB !important; }
body.dark .dropdown-divider      { border-color: #143A6E !important; }
body.dark .dropdown-header       { color: #8BA5CC !important; }

/* Notificaciones */
body.dark #dropdown-notification          { background-color: #0A2850 !important; }
body.dark #dropdown-notification .p-3     { background-color: #0D3166 !important; }

/* Tabs / nav-pills */
body.dark .nav-tabs .nav-link             { color: #8BA5CC !important; border-color: transparent !important; }
body.dark .nav-tabs .nav-link.active      { background-color: #0D3166 !important; color: #EFF4FB !important; border-color: #143A6E !important; }
body.dark .nav-tabs                       { border-bottom-color: #143A6E !important; }
body.dark .nav-pills .nav-link            { color: #8BA5CC !important; }
body.dark .nav-pills .nav-link.active     { background-color: var(--brand-principal-default) !important; color: #fff !important; }

/* Progress bars */
body.dark .progress                       { background-color: #143A6E !important; }
body.dark .progress-bar                   { background-color: var(--brand-principal-default) !important; }
body.dark .curso-card-body .progress-container { background: #143A6E !important; }

/* Badges */
body.dark .badge-gris                     { background-color: #143A6E !important; color: #C2D2E8 !important; }
body.dark .badge.bg-light                 { background-color: #0D3166 !important; color: #C2D2E8 !important; }

/* Breadcrumb */
body.dark .breadcrumb                     { background-color: transparent !important; }
body.dark .breadcrumb-item               { color: #8BA5CC !important; }
body.dark .breadcrumb-item.active        { color: #C2D2E8 !important; }
body.dark .breadcrumb-item + .breadcrumb-item::before { color: #6B7B9E !important; }

/* Alertas */
body.dark .alert {
  border-color: #143A6E !important;
  background-color: #0D3166 !important;
  color: #C2D2E8 !important;
}

body.dark .alert-success {
  background-color: #0d2e1a !important;
  border-color: #1a5c32 !important;
  color: #6ee09a !important;
}
body.dark .alert-success .btn-close {
  filter: invert(1) brightness(1.5);
}

body.dark .alert-danger {
  background-color: #2e0d0d !important;
  border-color: #5c1a1a !important;
  color: #f08080 !important;
}
body.dark .alert-danger .btn-close {
  filter: invert(1) brightness(1.5);
}

body.dark .alert-warning {
  background-color: #2b1f06 !important;
  border-color: #5c420a !important;
  color: #f0c060 !important;
}
body.dark .alert-warning .btn-close {
  filter: invert(1) brightness(1.5);
}

body.dark .alert-info {
  background-color: #071f30 !important;
  border-color: #0d4a6e !important;
  color: #6dc8f0 !important;
}

/* Listas */
body.dark .list-group-item {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .list-group-item:hover,
body.dark .list-group-item:focus         { background-color: #0D3166 !important; }
body.dark .list-group-item.active        { background-color: var(--brand-principal-default) !important; border-color: var(--brand-principal-default) !important; }

/* Separadores */
body.dark hr { border-color: #143A6E !important; opacity: 1; }

/* Texto auxiliar */
body.dark .text-muted                    { color: #6B7B9E !important; }
body.dark small, body.dark .small        { color: #8BA5CC !important; }
body.dark .text-dark                     { color: #EFF4FB !important; }

/* ── Clases de Colores_de_Texto.css — oscuras en light, deben ser claras en dark ── */
body.dark .neutral-900   { color: #EFF4FB !important; }
body.dark .neutral-700   { color: #C2D2E8 !important; }
body.dark .neutral-500   { color: #8BA5CC !important; }
body.dark .secondary-500 { color: #C2D2E8 !important; }
body.dark .secondary-600 { color: #8BA5CC !important; }
body.dark .secondary-700 { color: #8BA5CC !important; }
body.dark .text-body                     { color: #C2D2E8 !important; }
body.dark h1, body.dark h2, body.dark h3,
body.dark h4, body.dark h5, body.dark h6 { color: #EFF4FB; }

/* Fondos de utilidad */
body.dark .bg-white,
body.dark .bg-light                      { background-color: #0D3166 !important; }
body.dark .bg-body                       { background-color: #071A35 !important; }
body.dark [class*="bg-neutral"]          { background-color: #0A2850 !important; }

/* Scrollbar */
body.dark ::-webkit-scrollbar-track      { background: #071A35; }
body.dark ::-webkit-scrollbar-thumb      { background: #1A4A8C; border-radius: 4px; }
body.dark ::-webkit-scrollbar-thumb:hover{ background: #143A6E; }

/* Accordion */
body.dark .accordion-button              { background-color: #0D3166 !important; color: #EFF4FB !important; }
body.dark .accordion-button:not(.collapsed) { background-color: #143A6E !important; }
body.dark .accordion-body                { background-color: #0A2850 !important; color: #C2D2E8 !important; }
body.dark .accordion-item                { border-color: #143A6E !important; }

/* ── JERARQUÍA DE TEXTO EN DARK MODE ─────────────────────────
   Títulos:   #EFF4FB  (casi blanco)
   Subtítulos: #C2D2E8 (off-white)
   Texto normal: #A8BACC (un tono más bajo)
   Muted/helper: #8BA5CC
   ─────────────────────────────────────────────────────────── */

/* Títulos — blancos */
body.dark h1, body.dark h2, body.dark h3,
body.dark h4, body.dark h5, body.dark h6,
body.dark .fw-bold,
body.dark .titulo-modulo,
body.dark .sub-title2,
body.dark .malla-name,
body.dark .si-label,
body.dark .card-title,
body.dark [class*="title"]:not(.card-img-wrapper),
body.dark [class*="nombre"] { color: #EFF4FB !important; }

/* Sidebar item-name */
body.dark .item-name  { color: #ffffff !important; }
body.dark .caption-title,
body.dark .caption-sub-title { color: #EFF4FB !important; }

/* Texto normal en cards y contenido */
body.dark .descripcion-text,
body.dark .fav-desc,
body.dark .s-title,
body.dark .mc-title,
body.dark .spec-label,
body.dark .progreso-label,
body.dark .content-title,
body.dark .porcentaje-progreso,
body.dark .filtro-label,
body.dark p.lead,
body.dark p.fw-bold,
body.dark td, body.dark th { color: #C2D2E8 !important; }

/* Texto auxiliar / muted */
body.dark .fav-contador,
body.dark .fav-category,
body.dark .fav-cat-curso,
body.dark .fav-cat-academia,
body.dark .si-desc,
body.dark .rank-circle,
body.dark .form-check-label,
body.dark small,
body.dark .text-muted,
body.dark [class*="neutral-color"] { color: #8BA5CC !important; }

/* Footer texto */
body.dark .text-footer,
body.dark p.text-footer { color: #8BA5CC !important; }

/* Footer global en modo dark */
body.dark footer.bg-secondary-500 {
  background-color: #003b73 !important;
}

body.dark footer.bg-secondary-500 .text-footer,
body.dark footer.bg-secondary-500 .text-wrapper-7 {
  color: #d9e9ff !important;
}

body.dark footer.bg-secondary-500 .text-footer strong,
body.dark footer.bg-secondary-500 .text-footer b,
body.dark footer.bg-secondary-500 .text-wrapper-7 strong,
body.dark footer.bg-secondary-500 .text-wrapper-7 b {
  color: #ffffff !important;
}

body.dark footer.bg-secondary-500 .text-white {
  color: #ffffff !important;
}

body.dark footer.bg-secondary-500 .img_logo_footer {
  filter: brightness(0) invert(1);
}

/* Badges de estado — conservar color pero ajustar contraste */
body.dark .estado-badge,
body.dark .fav-status,
body.dark [class*="estado-"] { filter: brightness(1.4) !important; }

/* ─────────────────────────────────────────────────
   Cards de módulos en /home
   El background y color:#1e293b son inline (PHP),
   se necesita !important para ganarles.
───────────────────────────────────────────────── */
/* El gradiente de cada card lo aplica applyModuloCards() en footer.php via JS inline.
   El !important aquí bloquearía ese inline style, así que NO se usa !important en background.
   El border sí lleva !important porque viene del PHP inline y el JS no lo toca. */
body.dark .modulo-home-card {
  background: linear-gradient(135deg, #0A2850 0%, #071A35 100%);
}

body.dark .modulo-home-card__title {
  color: #EFF4FB !important;
}

/* rpill / filtros */
body.dark .rpill { color: #C2D2E8 !important; border-color: #143A6E !important; }

/* Estados de progreso — naranja oscuro → aclarar */
body.dark .fav-status,
body.dark span.fav-status,
body.dark .estado-badge,
body.dark span.estado-badge,
body.dark [class*="estado-en_progreso"],
body.dark [class*="estado-progreso"] {  filter: none !important; }

/* Labels genéricos dentro de formularios y filtros */
body.dark label { color: #C2D2E8 !important; }

/* Span numérico sin clase (rankings, contadores) */
body.dark .evaluaciones-card span,
body.dark .rank-card span,
body.dark span:not([class]) { color: #C2D2E8 !important; }

/* text-danger en dark → versión más clara del rojo */
body.dark .text-danger,
body.dark small.text-danger { color: #FF8A8A !important; }

/* p.mb-1 texto de estado vacío */
body.dark p.mb-1 { color: #8BA5CC !important; }

/* Recompensas logros */
body.dark .si-desc { color: #A8BACC !important; filter: brightness(1.5) !important; }

/* header usuario */
body.dark h6.mb-0 { color: #EFF4FB !important; }

/* Tooltips */
body.dark .tooltip-inner                 { background-color: #0D3166 !important; color: #EFF4FB !important; }

/* Paginación */
/* Paginación — #0DBBFF como color principal, sin hover blanco */
body.dark .page-item .page-link {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #0DBBFF !important;
}
body.dark .page-item .page-link:hover,
body.dark .page-item .page-link:focus {
  background-color: #0DBBFF !important;
  border-color: #0DBBFF !important;
  color: #071A35 !important;
  box-shadow: none !important;
}
body.dark .page-item.active .page-link {
  background-color: #0DBBFF !important;
  border-color: #0DBBFF !important;
  color: #071A35 !important;
  font-weight: 700 !important;
}
body.dark .page-item.disabled .page-link {
  background-color: #071A35 !important;
  border-color: #143A6E !important;
  color: #6B7B9E !important;
}
/* DataTables paginate buttons */
/* DataTables paginate — anula el hover blanco del plugin */
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button:focus,
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #0DBBFF !important;
  background-color: #0DBBFF !important;
  border-color: #0DBBFF !important;
  color: #071A35 !important;
  box-shadow: none !important;
  outline: none !important;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(.disabled) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: #0DBBFF !important;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  background: transparent !important;
  border-color: #143A6E !important;
  color: #6B7B9E !important;
  cursor: default !important;
}
body.dark .paginate_button.page-item .page-link:hover {
  background-color: #0DBBFF !important;
  color: #071A35 !important;
}

/* ═══════════════════════════════════════════════════════════════
   CURSOS — info_curso / detalle_documento / ver_contenido
════════════════════════════════════════════════════════════════ */

/* info_curso — panel de especificaciones */
body.dark .curso-specs {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .curso-media {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
}
body.dark .spec-icon,
body.dark .spec-icon.bg-soft-blue,
body.dark .spec-icon.bg-soft-purple,
body.dark .spec-icon.bg-soft-amber,
body.dark .spec-icon.bg-soft-green,
body.dark .spec-icon.bg-soft-red { background-color: #0D3166 !important; }

body.dark .spec-value             { color: #C2D2E8 !important; }
body.dark .spec-label             { color: #8BA5CC !important; }
body.dark .curso-specs h3,
body.dark .curso-specs h4,
body.dark .curso-specs h5         { color: #EFF4FB !important; }

/* detalle_documento / ver_contenido — layout de zonas */
body.dark .zone_1_cursos,
body.dark #zone-menu {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .zone_1_cursos a,
body.dark #zone-menu a { color: #C2D2E8 !important; }

body.dark .zone_2_cursos .contenedor,
body.dark .contenedor {
  background-color: #0A2850 !important;
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
}

/* Botón descargar certificado disabled */
body.dark .boton-certificado-curso.disabled {
  background-color: #0D3166 !important;
  color: #6B7B9E !important;
  border-color: #143A6E !important;
}
body.dark .zone_1_cursos a.boton-certificado-curso,
body.dark #zone-menu a.boton-certificado-curso {
  background-color: #0DBBFF !important;
  border-color: #0DBBFF !important;
  color: #ffffff !important;
}
body.dark .zone_1_cursos a.boton-certificado-curso i,
body.dark .zone_1_cursos a.boton-certificado-curso span,
body.dark #zone-menu a.boton-certificado-curso i,
body.dark #zone-menu a.boton-certificado-curso span {
  color: #ffffff !important;
}
body.dark .zone_1_cursos a.boton-certificado-curso:hover,
body.dark #zone-menu a.boton-certificado-curso:hover {
  background-color: #00a3e8 !important;
  border-color: #00a3e8 !important;
  color: #ffffff !important;
}

/* Ícono de documento completado */
body.dark .document-type-icon.completed {
  background-color: rgba(72,199,142,0.18) !important;
  border-color: rgba(72,199,142,0.35) !important;
}

/* Acordeón de documentos */
body.dark .accordion-cursos-body     { background-color: #071A35 !important; color: #C2D2E8 !important; }
body.dark .accordion-cursos-button   { background-color: #0A2850 !important; color: #C2D2E8 !important; border-color: #143A6E !important; }
body.dark .accordion-cursos-button:hover { background-color: rgba(255,255,255,0.06) !important; }
body.dark .accordion-cursos-item     { border-color: #143A6E !important; }
body.dark .accordion-cursos-button .content-title,
body.dark .accordion-cursos-button .content-right,
body.dark .accordion-cursos-button .content-right span { color: #EFF4FB !important; }
body.dark .accordion-cursos-button:hover .content-title,
body.dark .accordion-cursos-button:hover .content-right,
body.dark .accordion-cursos-button:hover .content-right span { color: #ffffff !important; }
body.dark .document-type-icon {
  background-color: #143A6E !important;
  color: #ffffff !important;
  border-color: #1A4A8C !important;
}
body.dark .document-type-icon i { color: #ffffff !important; }
body.dark .accordion-cursos-button:hover .document-type-icon,
body.dark .accordion-cursos-button:hover .document-type-icon i { color: #ffffff !important; }

/* Sidebar jerárquico (nodos) en detalle_documento */
body.dark .nodo-grupo {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
}
body.dark .nodo-grupo-header {
  background-color: #0D3166 !important;
  color: #EFF4FB !important;
}
body.dark .nodo-grupo-header:hover,
body.dark .nodo-grupo-header.activo {
  background-color: #143A6E !important;
  color: #ffffff !important;
}
body.dark .nodo-grupo-nombre,
body.dark .nodo-grupo-count,
body.dark .nodo-chevron { color: #EFF4FB !important; }
body.dark .nodo-grupo-body { background-color: #0A2850 !important; }
body.dark .nodo-doc-item {
  background-color: transparent !important;
  border-left-color: transparent !important;
}
body.dark .nodo-doc-item:hover,
body.dark .nodo-doc-item.is-playing {
  background-color: rgba(255,255,255,0.06) !important;
  border-left-color: #0DBBFF !important;
}
body.dark .nodo-doc-title { color: #C2D2E8 !important; }
body.dark .nodo-doc-item:hover .nodo-doc-title,
body.dark .nodo-doc-item.is-playing .nodo-doc-title { color: #ffffff !important; }
body.dark .nodo-doc-icon {
  background-color: #143A6E !important;
  color: #ffffff !important;
}
body.dark .nodo-doc-icon i,
body.dark .nodo-doc-item:hover .nodo-doc-icon,
body.dark .nodo-doc-item:hover .nodo-doc-icon i,
body.dark .nodo-doc-item.is-playing .nodo-doc-icon,
body.dark .nodo-doc-item.is-playing .nodo-doc-icon i { color: #ffffff !important; }

/* Botón Regresar — .retroceso a tiene background:#fff hardcoded en main.css */
body.dark .retroceso a,
body.dark #zone-menu .retroceso a {
  background: #0D3166 !important;
  border-color: #0DBBFF !important;
  color: #ffffff !important;
}
body.dark .retroceso a:hover,
body.dark #zone-menu .retroceso a:hover {
  background: #0DBBFF !important;
  color: #ffffff !important;
}
body.dark .retroceso a i,
body.dark .retroceso a svg { color: inherit !important; stroke: currentColor !important; }

/* ═══════════════════════════════════════════════════════════════
   LOGROS — dark mode fixes
   Todos los colores vienen de <style> inline en logros.php
════════════════════════════════════════════════════════════════ */

/* Cabeceras de las tablas de gemas — pasteles claros en light */
body.dark .gem-table-hdr.dh { background: rgba(21, 101, 192, 0.18) !important; color: #90CAF9 !important; border-bottom-color: #143A6E !important; }
body.dark .gem-table-hdr.rh { background: rgba(198,  40,  40, 0.15) !important; color: #EF9A9A !important; border-bottom-color: #143A6E !important; }
body.dark .gem-table-hdr.eh { background: rgba( 27,  94,  32, 0.18) !important; color: #A5D6A7 !important; border-bottom-color: #143A6E !important; }

/* Contador de gemas — verde oscuro #1b5e20 ilegible en dark */
body.dark .gem-count-num.dc { color: #90CAF9 !important; }
body.dark .gem-count-num.rc { color: #EF9A9A !important; }
body.dark .gem-count-num.ec { color: #A5D6A7 !important; }

/* Filas de la tabla de gemas */
body.dark .gem-table-card table tr    { background-color: #0A2850 !important; }
body.dark .gem-table-card table tr:hover { background-color: rgba(255,255,255,0.04) !important; }

/* Botones de paginación de las tablas de gemas */
body.dark button[id^="tbody-"],
body.dark .gem-table-card button,
body.dark .gem-position-card button {
  background-color: #0D3166 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark button[id^="tbody-"]:hover,
body.dark .gem-table-card button:hover { background-color: #0DBBFF !important; color: #071A35 !important; }

/* Píldoras de filtro del ranking (.rpill) */
body.dark .rpill {
  background: #0D3166 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .rpill:hover  { border-color: #0DBBFF !important; color: #0DBBFF !important; }
body.dark .rpill.active { background: #0DBBFF !important; border-color: #0DBBFF !important; color: #071A35 !important; }

/* Círculo de posición en ranking */
body.dark .rank-circle.rcn { background: #143A6E !important; color: #C2D2E8 !important; }
body.dark .rank-circle.rc1,
body.dark .rank-circle.rc2,
body.dark .rank-circle.rc3 { color: #ffffff !important; }

/* ═══════════════════════════════════════════════════════════════
   ACADEMIA ABIERTA — dark mode fixes
════════════════════════════════════════════════════════════════ */

/* Badges de estado de curso — background:white hardcoded en main.css */
body.dark .badge-iniciado,
body.dark .badge-completado-sin-aprobar {
  background-color: #0A2850 !important;
}
body.dark .badge-completado,
body.dark .badge-success {
  background-color: #0A2850 !important;
}

/* Botón favorito — círculo blanco sobre imagen del curso */
body.dark .favorite-btn {
  background: #0D3166 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}
body.dark .favorite-btn:hover {
  background: #143A6E !important;
}
/* .favorito = clase BASE (siempre presente), .active = estado "es favorito" */
/* Sin .active → no es favorito → fondo oscuro ya heredado de .favorite-btn */
/* Con .active → ES favorito → color primario */
body.dark .favorite-btn.active {
  background: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}
body.dark .favorite-btn.active i { color: #fff !important; }
body.dark .favorite-btn.active:hover {
  background: var(--bs-primary) !important;
  opacity: 0.85 !important;
}

/* Botón "Subir Certificado" — .btn-white tiene !important en main.css */
body.dark .btn-white,
body.dark .btn-white:hover,
body.dark .btn-white:focus,
body.dark .btn-subir-certificado {
  background-color: #0D3166 !important;
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
}

/* Botón "Recomendar" — clase real: btn-recomendar-curso */
body.dark .btn-recomendar-curso {
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
  --bs-btn-color: #C2D2E8 !important;
  --bs-btn-border-color: #143A6E !important;
}
body.dark .btn-recomendar-curso:hover {
  background-color: rgba(255,255,255,0.06) !important;
  color: #EFF4FB !important;
}

/* Badge de calificación — pasteles claros en main.css */
body.dark .badge-nota-excelente { background-color: rgba( 59,130,246,0.18) !important; color: #93C5FD !important; }
body.dark .badge-nota-bueno     { background-color: rgba(  4,120, 87,0.18) !important; color: #6EE7B7 !important; }
body.dark .badge-nota-regular   { background-color: rgba(180, 83,  9,0.18) !important; color: #FCD34D !important; }
body.dark .badge-nota-bajo,
body.dark .badge-nota-malo      { background-color: rgba(185, 28, 28,0.18) !important; color: #FCA5A5 !important; }

/* ═══════════════════════════════════════════════════════════════
   MÓDULOS — vista lista (mc-list-row) y badges de estado
════════════════════════════════════════════════════════════════ */

/* Botones toggle grid/lista */
body.dark .vt-btn {
  background: #0D3166 !important;
  border-color: #143A6E !important;
  color: #8BA5CC !important;
}
body.dark .vt-btn:hover   { background: #143A6E !important; color: #C2D2E8 !important; }
body.dark .vt-btn.active  { background: #6db33f !important; border-color: #6db33f !important; color: #fff !important; }

/* Fila horizontal (vista lista) */
body.dark .mc-list-row {
  background: #0A2850 !important;
  border-color: #143A6E !important;
}
body.dark .mc-list-row:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.4) !important; }

/* Footer de card */
body.dark .mc-footer { border-top-color: #143A6E !important; }

/* Botón favorito flotante en card */
body.dark .mc-fav {
  background: rgba(13,49,102,0.9) !important;
  color: #8BA5CC !important;
}
body.dark .mc-fav:hover { background: #0D3166 !important; }
body.dark .mc-fav.fav-list {
  background: rgba(255,255,255,0.95) !important;
  color: #0DBBFF !important;
}
body.dark .mc-fav.fav-list:hover { background: #ffffff !important; }
body.dark .mc-list-media .estado-badge { background: rgba(255,255,255,0.92) !important; }
body.dark .mc-list-kicker { color: #8BA5CC !important; }

/* Badges de estado del curso — fondo oscuro semitransparente, borde visible */
body.dark .estado-badge {
  background: rgba(7, 26, 53, 0.85) !important;
  border-width: 1.5px !important;
  border-style: solid !important;
}
body.dark .estado-completado     { color: #4ade80 !important; border-color: #22c55e !important; }
body.dark .estado-en_progreso    { color: #fb923c !important; border-color: #f97316 !important; }
body.dark .estado-pendiente_eval { color: #fbbf24 !important; border-color: #f59e0b !important; }
body.dark .estado-iniciar        { color: #94a3b8 !important; border-color: #475569 !important; }

/* ═══════════════════════════════════════════════════════════════
   PERFIL — dark mode fixes (todos los colores en <style> inline)
════════════════════════════════════════════════════════════════ */
body.dark .perfil-card {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .perfil-card-foto {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
}
body.dark .perfil-section-title { color: #EFF4FB !important; }
body.dark .perfil-label          { color: #C2D2E8 !important; }
body.dark .perfil-icon           { color: #8BA5CC !important; }

body.dark .perfil-input,
body.dark .perfil-textarea,
body.dark .perfil-select {
  background-color: #0D3166 !important;
  color: #EFF4FB !important;
  border-color: #143A6E !important;
}
body.dark .perfil-input:focus,
body.dark .perfil-textarea:focus,
body.dark .perfil-select:focus {
  border-color: #0DBBFF !important;
  box-shadow: 0 0 0 3px rgba(13,187,255,0.15) !important;
}
body.dark .perfil-input:disabled {
  background-color: #071A35 !important;
  color: #6B7B9E !important;
}
body.dark .perfil-input::placeholder,
body.dark .perfil-textarea::placeholder { color: #6B7B9E !important; }

body.dark .btn-perfil-outline {
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
  background-color: transparent !important;
}
body.dark .btn-perfil-outline:hover { background-color: rgba(255,255,255,0.06) !important; }

body.dark .link-item {
  background-color: #0D3166 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}

/* ═══════════════════════════════════════════════════════════════
   GUEST / CALENDARIO — FullCalendar + view-btn + inv-card
════════════════════════════════════════════════════════════════ */

/* Botones Mes/Semana/Día */
body.dark .view-btn {
  background-color: #0D3166 !important;
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
}
body.dark .view-btn:hover  { background-color: #143A6E !important; }
body.dark .view-btn.view-btn-active {
  background-color: #0DBBFF !important;
  border-color: #0DBBFF !important;
  color: #071A35 !important;
}

/* CTA "Capacitaciones" en /guest */
body.dark .btn-dia-capacitaciones,
body.dark .btn-dia-capacitaciones i,
body.dark a.btn-dia-capacitaciones {
  color: #ffffff !important;
}
body.dark .filter-btn,
body.dark #filter-estudiante.filter-btn {
  color: #ffffff !important;
}

/* FullCalendar — contenedor principal */
body.dark .fc,
body.dark .fc-view,
body.dark .fc-scrollgrid,
body.dark .fc-daygrid-body { background-color: #0A2850 !important; color: #C2D2E8 !important; }

body.dark .fc .fc-scrollgrid { border-color: #143A6E !important; }
body.dark .fc td, body.dark .fc th { border-color: #143A6E !important; }

/* Cabecera de días (lun, mar, etc.) */
body.dark .fc .fc-col-header-cell { background-color: #0D3166 !important; }
body.dark .fc .fc-col-header-cell-cushion { color: #8BA5CC !important; }

/* Celdas de días */
body.dark .fc .fc-daygrid-day { background-color: #0A2850 !important; }
body.dark .fc .fc-daygrid-day-number { color: #C2D2E8 !important; }

/* Día actual — highlight sutil cyan en vez de azul claro */
body.dark .fc .fc-day-today { background-color: rgba(13,187,255,0.10) !important; }
body.dark .fc .fc-day-today .fc-daygrid-day-number { color: #0DBBFF !important; font-weight: 700 !important; }

/* Semanas en lateral */
body.dark .fc .fc-daygrid-week-number { background-color: #0D3166 !important; color: #8BA5CC !important; }

/* Barra superior del calendario */
body.dark .fc .fc-toolbar-title { color: #EFF4FB !important; }
body.dark .fc .fc-button { background-color: #0D3166 !important; border-color: #143A6E !important; color: #C2D2E8 !important; }
body.dark .fc .fc-button:hover { background-color: #143A6E !important; }
body.dark .fc .fc-button-primary:not(:disabled).fc-button-active { background-color: #0DBBFF !important; border-color: #0DBBFF !important; color: #071A35 !important; }

/* Eventos en el calendario */
body.dark .fc .fc-event { filter: brightness(0.9) !important; }

/* Tarjeta de invitaciones */
body.dark .inv-card-container { background: #0A2850 !important; border-color: #143A6E !important; }
body.dark .inv-card-header     { background: #0D3166 !important; border-bottom-color: #143A6E !important; }
body.dark .inv-card-title      { color: #EFF4FB !important; }
body.dark .inv-card-item       { background: #071A35 !important; border-color: #143A6E !important; }
body.dark .inv-card-item-title { color: #EFF4FB !important; }
body.dark .inv-card-item-desc  { color: #8BA5CC !important; }
body.dark .inv-card-label      { color: #8BA5CC !important; }
body.dark .inv-card-value      { color: #C2D2E8 !important; }

/* ═══════════════════════════════════════════════════════════════
   CAMBIAR CLAVE
════════════════════════════════════════════════════════════════ */
body.dark .password-card {
  background-color: rgba(3,169,244,0.12) !important;
  border-color: rgba(3,169,244,0.4) !important;
  color: #C2D2E8 !important;
}
body.dark .password-card-alert {
  background-color: rgba(255,152,0,0.12) !important;
  border-color: rgba(255,152,0,0.4) !important;
  color: #C2D2E8 !important;
}
/* Títulos con inline color:#212121 en el view */
body.dark .password-card   .font-medium,
body.dark .password-card-alert .font-medium { color: #EFF4FB !important; }

/* SweetAlert2 toast — fondo blanco hardcoded en swal2 */
body.dark .swal2-popup.swal2-toast {
  background-color: #0A2850 !important;
  color: #C2D2E8 !important;
  border: 1px solid #143A6E !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important;
}
body.dark .swal2-popup.swal2-toast .swal2-title { color: #EFF4FB !important; }
body.dark .swal2-popup.swal2-toast .swal2-html-container,
body.dark .swal2-popup.swal2-toast .swal2-content { color: #C2D2E8 !important; }
body.dark .swal2-popup.swal2-toast .swal2-timer-progress-bar { background: rgba(13,187,255,0.6) !important; }
body.dark .swal2-popup.swal2-toast .swal2-close { color: #8BA5CC !important; }

/* Círculos de posición en rankings (logros) */
body.dark .rank-circle.rc1,
body.dark .rank-circle.rc2,
body.dark .rank-circle.rc3,
body.dark .rank-badge-solid.rank-badge-1,
body.dark .rank-badge-solid.rank-badge-2,
body.dark .rank-badge-solid.rank-badge-3 {
  background-color: #ffffff !important;
  color: #0A2850 !important;
}
body.dark .rank-badge-solid.rank-badge-1 *,
body.dark .rank-badge-solid.rank-badge-2 *,
body.dark .rank-badge-solid.rank-badge-3 * {
  color: #ffffff !important;
}
body.dark .rank-badge-other { background-color: #143A6E !important; color: #C2D2E8 !important; }

/* Tabla de programas — filas blancas */
body.dark table tr { background-color: #0A2850 !important; }

/* Botones de switch de ranking (Cursos / Programas) */
body.dark .ranking-pill-switch .js-ranking-toggle {
  background: #0D3166 !important;
  border-color: #0DBBFF !important;
  color: #0DBBFF !important;
}
body.dark .ranking-pill-switch .js-ranking-toggle:hover  { background: rgba(13,187,255,0.12) !important; }
body.dark .ranking-pill-switch .js-ranking-toggle.active { background: #0DBBFF !important; color: #071A35 !important; border-color: #0DBBFF !important; }

/* Título de contenidos — hardcoded #111827 en inline CSS del view */
body.dark .titulo-contenidos-curso { color: #EFF4FB !important; }

/* Pill de dudas/FAQ */
body.dark .results-pill-2 {
  background-color: #0D3166 !important;
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
}
body.dark .results-pill-2:hover { background-color: #143A6E !important; }
body.dark .results-pill-2 span,
body.dark .results-pill-2 i { color: #C2D2E8 !important; }

/* Botón Realizar */
body.dark .btn-action-realizar {
  background-color: #0DBBFF !important;
  border-color: #0DBBFF !important;
  color: #071A35 !important;
}
body.dark .btn-action-realizar:hover {
  background-color: #00a3e8 !important;
  border-color: #00a3e8 !important;
  color: #fff !important;
}

/* Botón Evaluación final (detalle_documento) */
body.dark .zone_1_cursos a.btn-evaluacion-final,
body.dark #zone-menu a.btn-evaluacion-final {
  background-color: #0DBBFF !important;
  border-color: #0DBBFF !important;
  color: #ffffff !important;
}
body.dark .zone_1_cursos a.btn-evaluacion-final:hover,
body.dark #zone-menu a.btn-evaluacion-final:hover {
  background-color: #00a3e8 !important;
  border-color: #00a3e8 !important;
  color: #fff !important;
}
body.dark .barra-progreso { background: #0DBBFF !important; }

/* Offcanvas */
body.dark .offcanvas                     { background-color: #0A2850 !important; color: #C2D2E8 !important; }
body.dark .offcanvas-header              { border-bottom-color: #143A6E !important; }

/* Tabs de sección — evaluaciones/carpetas */
body.dark .cert-tab {
  background: #0D3166 !important;
  color: #0DBBFF !important;
  border-color: #0DBBFF !important;
}
body.dark .cert-tab:hover  { background: rgba(13,187,255,0.12) !important; }
body.dark .cert-tab.active {
  background: #0DBBFF !important;
  color: #071A35 !important;
  border-color: #0DBBFF !important;
}

/* ═══════════════════════════════════════════════════════════════
   EVALUACIONES / CARPETAS — dark mode fixes
   Clases auditadas con Playwright en /evaluaciones/carpetas/9
════════════════════════════════════════════════════════════════ */

/* Contenedor principal de la tabla */
body.dark .contenedor-tabla {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}

/* Filas de DataTables — mismo tono para odd y even */
body.dark table.dataTable tbody tr.odd,
body.dark table.dataTable tbody tr.even,
body.dark .contenedor-tabla tbody tr.odd,
body.dark .contenedor-tabla tbody tr.even,
body.dark .contenedor-tabla tbody tr {
  background-color: #0A2850 !important;
}
body.dark table.dataTable tbody tr.odd > *,
body.dark table.dataTable tbody tr.even > *,
body.dark .contenedor-tabla tbody tr > td {
  background-color: #0A2850 !important;
  box-shadow: none !important;
}

/* Título dentro del contenedor */
body.dark .contenedor-tabla h2,
body.dark .contenedor-tabla h3,
body.dark .contenedor-tabla h4,
body.dark .contenedor-tabla .table-title { color: #EFF4FB !important; }

/* Selector de filas "Filas: 10" */
body.dark .rows-config {
  background-color: #0D3166 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .rows-config select,
body.dark .rows-config span { color: #C2D2E8 !important; background-color: #0D3166 !important; }

/* Status badges — fondo oscuro semitransparente con el color del estado */
body.dark .status-badge {
  background-color: #0D3166 !important;
  border-color: #143A6E !important;
}
body.dark .status-badge.status-pending  { background-color: rgba(244,67,54,0.12) !important; border-color: rgba(244,67,54,0.35) !important; color: #FF8A8A !important; }
body.dark .status-badge.status-completed { background-color: rgba(72,199,142,0.12) !important; border-color: rgba(72,199,142,0.35) !important; color: #74d7a4 !important; }
body.dark .status-badge.status-in-progress { background-color: rgba(251,169,76,0.12) !important; border-color: rgba(251,169,76,0.35) !important; color: #FBA94C !important; }

/* Grade pills */
body.dark .grade-pill {
  background-color: #0D3166 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .grade-pill.grade-low  { background-color: rgba(244,67,54,0.12) !important; border-color: rgba(244,67,54,0.35) !important; color: #FF8A8A !important; }
body.dark .grade-pill.grade-high,
body.dark .grade-pill.grade-pass { background-color: rgba(72,199,142,0.12) !important; border-color: rgba(72,199,142,0.35) !important; color: #74d7a4 !important; }
body.dark .grade-pill.grade-mid  { background-color: rgba(251,169,76,0.12) !important; border-color: rgba(251,169,76,0.35) !important; color: #FBA94C !important; }

/* Icono de malla */
body.dark .malla-icon-container {
  background-color: #0D3166 !important;
  border-color: #1a6ed8 !important;
  color: #6EB3F7 !important;
}

/* ── Vista de video (video.php) ── */
body.dark .video-card {
  background: #0A2850 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.3) !important;
}
body.dark .video-title-label { color: #64748b !important; }
body.dark .video-title        { color: #f1f5f9 !important; }

/* ══════════════════════════════════════════════════════
   MENTORÍAS — dark mode
   ══════════════════════════════════════════════════════ */

/* ── mis_mentorias / index: card del mentor ── */
body.dark .mentorias-card {
  background: #0A2850 !important;
  border-color: #143A6E !important;
}
body.dark .mentorias-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.35) !important;
  border-color: #1a6ed8 !important;
}
body.dark .mentorias-card_header {
  background-color: #071A36 !important;
}
body.dark .mentorias-card_header.mi-mentor {
  background-color: #0D3166 !important;
}
body.dark .mentorias-card_header.disabled {
  background-color: #050F20 !important;
}
body.dark .mentorias-card_body h3 {
  color: #E2EAF4 !important;
}
body.dark .mentorias-card_body p {
  color: #7a9bbf !important;
}
body.dark .mentorias-card_footer {
  background-color: #071A36 !important;
  border-top-color: #143A6E !important;
}
body.dark .mentorias-card_footer .status-disabled {
  color: #7a9bbf !important;
}
body.dark .mentorias-card_footer .status-disponible {
  color: #48c78e !important;
}

/* ── perfil.php: form cards con CKEditor ── */
body.dark .perfil-mentor-form-card {
  background: #0A2850 !important;
  border-color: #143A6E !important;
}
body.dark .perfil-mentor-form-card .label-perfil-mentor,
body.dark .perfil-mentor-form-card label {
  color: #C2D2E8 !important;
}
/* Editor CKEditor área editable */
body.dark .perfil-mentor-form-card .editor,
body.dark .contenedor-ckeditor .editor {
  background: #071A36 !important;
  color: #C2D2E8 !important;
  border: 1px solid #143A6E !important;
  border-radius: 6px;
  min-height: 80px;
  padding: 0.5rem;
}
/* Select2 dentro de form cards */
body.dark .perfil-mentor-form-card .select2-container--default .select2-selection--multiple,
body.dark .perfil-mentor-form-card .select2-selection {
  background-color: #071A36 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .perfil-mentor-form-card .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #0D3166 !important;
  border-color: #1a6ed8 !important;
  color: #C2D2E8 !important;
}

/* ── perfil_mentor.php + repositorio: contenedor info ── */
body.dark .perfil-mentor-contenedor {
  background: #0A2850 !important;
  border-color: #143A6E !important;
}
body.dark .perfil-mentor-contenedor h4 {
  color: #6EB3F7 !important;
}
body.dark .perfil-mentor-contenedor p,
body.dark .perfil-mentor-contenedor span,
body.dark .perfil-mentor-contenedor li {
  color: #C2D2E8 !important;
}
body.dark .perfil-mentor-contenedor .text-muted {
  color: #7a9bbf !important;
}

/* ── Tabla del repositorio dentro del contenedor ── */
body.dark .perfil-mentor-contenedor table {
  color: #C2D2E8 !important;
}
body.dark .perfil-mentor-contenedor thead th {
  background-color: #071A36 !important;
  color: #6EB3F7 !important;
  border-color: #143A6E !important;
}
body.dark .perfil-mentor-contenedor tbody td {
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
}
body.dark .perfil-mentor-contenedor tbody tr:hover td {
  background-color: #0D3166 !important;
}

/* ── .btn-border en mentorias (theme-picker style button) ── */
body.dark .btn.btn-border {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .btn.btn-border:hover {
  background-color: #0D3166 !important;
  border-color: #1a6ed8 !important;
  color: #E2EAF4 !important;
}
body.dark .btn.btn-border.active {
  background-color: #0D3166 !important;
  border-color: #1a6ed8 !important;
  color: #6EB3F7 !important;
}

/* ── Sección header de mentorías (header_front_view) ── */
body.dark .mentorias-section-title,
body.dark .mentorias-empty-msg {
  color: #C2D2E8 !important;
}

/* ── Inline spans con bg blanco (CKEditor residual) ── */
body.dark .contenedor-ckeditor span[style*="background-color: rgb(255, 255, 255)"],
body.dark .contenedor-ckeditor span[style*="background-color: white"] {
  background-color: transparent !important;
}

/* ── CKEditor en modo dark (perfil mentor / ver_avances) ── */
body.dark .ck.ck-toolbar,
body.dark .ck.ck-toolbar.ck-toolbar_grouping {
  background: #071A36 !important;
  border-color: #143A6E !important;
}
body.dark .ck.ck-toolbar .ck-button,
body.dark .ck.ck-toolbar .ck-button__label {
  color: #C2D2E8 !important;
}
body.dark .ck.ck-toolbar .ck-button:hover,
body.dark .ck.ck-toolbar .ck-button.ck-on {
  background: #0D3166 !important;
}
body.dark .ck.ck-content.ck-editor__editable,
body.dark .ck-blurred.ck.ck-content.ck-editor__editable {
  background: #050F20 !important;
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
}
body.dark .ck.ck-content.ck-editor__editable.ck-focused {
  border-color: #1a6ed8 !important;
  box-shadow: 0 0 0 2px rgba(26,110,216,0.25) !important;
}
body.dark .ck.ck-reset.ck-dropdown__panel {
  background: #071A36 !important;
  border-color: #143A6E !important;
}
body.dark .ck.ck-reset.ck-dropdown__panel .ck-button {
  color: #C2D2E8 !important;
}
body.dark .ck.ck-reset.ck-dropdown__panel .ck-button:hover {
  background: #0D3166 !important;
}
body.dark .ck.ck-editor {
  border-color: #143A6E !important;
}

/* ── Select2 dropdown panel (global) ── */
body.dark .select2-dropdown {
  background-color: #071A36 !important;
  border-color: #143A6E !important;
}
body.dark .select2-search--dropdown .select2-search__field {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .select2-results__option {
  color: #C2D2E8 !important;
  background-color: #071A36 !important;
}
body.dark .select2-results__option--highlighted,
body.dark .select2-results__option[aria-selected=true] {
  background-color: #0D3166 !important;
  color: #E2EAF4 !important;
}
/* Select nativo múltiple (mentorias perfil) */
body.dark .perfil-mentor-form-card select.form-control,
body.dark .perfil-mentor-form-card select {
  background-color: #071A36 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .perfil-mentor-form-card select option {
  background-color: #071A36 !important;
  color: #C2D2E8 !important;
}

/* ── SweetAlert2 dark mode ───────────────────────────────────────────────── */
body.dark .swal2-popup {
  background-color: #071A36 !important;
  border: 1px solid #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .swal2-title {
  color: #E2EAF4 !important;
}
body.dark .swal2-html-container,
body.dark .swal2-content {
  color: #9BB5D4 !important;
}
body.dark .swal2-icon.swal2-question {
  border-color: #0DBBFF !important;
  color: #0DBBFF !important;
}
body.dark .swal2-icon.swal2-warning {
  border-color: #f7b731 !important;
  color: #f7b731 !important;
}
body.dark .swal2-icon.swal2-error {
  border-color: #dc3545 !important;
  color: #dc3545 !important;
}
body.dark .swal2-icon.swal2-success {
  border-color: #28a745 !important;
  color: #28a745 !important;
}
body.dark .swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #28a745 !important;
}
body.dark .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(40, 167, 69, 0.3) !important;
}
body.dark .swal2-styled.swal2-cancel {
  background-color: #1A3A6E !important;
  color: #C2D2E8 !important;
}
body.dark .swal2-styled.swal2-cancel:hover {
  background-color: #0D2A5A !important;
}
body.dark .swal2-close {
  color: #9BB5D4 !important;
}
body.dark .swal2-close:hover {
  color: #E2EAF4 !important;
}
body.dark .swal2-input,
body.dark .swal2-textarea,
body.dark .swal2-select {
  background-color: #050F20 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}

/* ── Encuestas Sociodemográficas: imprimir (formulario) ──────────────────── */

/* Tarjeta principal del formulario — background: #fff en main.css */
body.dark .enc-form-card {
  background: #0A2850 !important;
  box-shadow: 0 4px 15px -1px rgba(0,0,0,.6) !important;
}
/* Inputs y selects dentro del form */
body.dark .enc-form-card input[type="text"],
body.dark .enc-form-card input[type="number"],
body.dark .enc-form-card input[type="date"],
body.dark .enc-form-card textarea,
body.dark .enc-form-card .form-control {
  background-color: #071A35 !important;
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
}
body.dark .enc-form-card .form-control option {
  background-color: #0A2850 !important;
}
/* Labels y texto */
body.dark .enc-form-card .form-label {
  color: #EFF4FB !important;
}
body.dark .enc-radio-label span {
  color: #C2D2E8 !important;
}
/* Radio/checkbox custom — borde en dark */
body.dark .enc-custom-radio,
body.dark .enc-custom-checkbox {
  border-color: #8BA5CC !important;
}
/* Border-top de la sección de navegación */
body.dark .enc-form-card .navigation {
  border-top-color: #143A6E !important;
}
/* Barra de progreso */
body.dark .enc-progress-wrap .progress {
  background-color: #143A6E !important;
}

/* Modal de instrucciones — fondo claro hardcodeado */
body.dark .enc-modal-body {
  background: #071A35 !important;
}
body.dark .enc-modal-body-inner {
  background: #0A2850 !important;
  border-color: #143A6E !important;
  color: #C2D2E8 !important;
}
body.dark .enc-modal-footer {
  background: #071A35 !important;
  border-top-color: #143A6E !important;
}

/* ── Encuestas Sociodemográficas: ver_encuestas ───────────────────────────── */

/* Tarjeta — background: #fff hardcodeado en main.css */
body.dark .enc-card {
  background: #0A2850 !important;
  border-color: #143A6E !important;
}
body.dark .enc-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.5) !important;
}
body.dark .enc-card-footer {
  border-top-color: #143A6E !important;
}

/* Año badge — fondo var(--neutral-color100) = #071A35 en dark, casi invisible */
body.dark .enc-card-year {
  background: #143A6E !important;
  color: #8BA5CC !important;
}

/* Badge pendiente — fondo amarillo hardcodeado */
body.dark .enc-badge-pendiente {
  background: #3D2800 !important;
  color: #FCD34D !important;
}

/* Badge realizada — fondo verde hardcodeado */
body.dark .enc-badge-realizada {
  background: #052E16 !important;
  color: #4ADE80 !important;
}

/* ── Saberes Gestión: detalle_saber (zone_2, portada, acordeones) ─────────── */

/* Área de contenido principal — gradiente blanco en detalle_documento.css */
body.dark .portada-contenido {
  background: linear-gradient(135deg, #0A2850 0%, #071A35 60%) !important;
  border-left-color: #1a6ed8 !important;
}
body.dark .portada-contenido .portada-nombre,
body.dark .portada-contenido h4 {
  color: #EFF4FB !important;
}
body.dark .portada-contenido .portada-descripcion,
body.dark .portada-contenido p {
  color: #C2D2E8 !important;
}
/* Títulos/descripciones con color #000000 hardcodeado en detalle_documento.css */
body.dark .contenedor_principal .sesion-central .titulo,
body.dark .contenedor_principal #sesion-contenido .titulo {
  color: #EFF4FB !important;
}
body.dark .contenedor_principal .sesion-central .descripcion,
body.dark .contenedor_principal #sesion-contenido .descripcion {
  color: #C2D2E8 !important;
}

/* Tabla calificaciones SGH — container-table y table_title con colores hardcodeados en main.css */
body.dark .container-table {
  background-color: #071A35 !important;
}
body.dark .table_title {
  border-color: #143A6E !important;
}
/* thead.table-light Bootstrap → fondo claro hardcodeado */
body.dark .container-table thead.table-light,
body.dark .contenedor_notas thead.table-light {
  background-color: #0D3166 !important;
  color: #EFF4FB !important;
  --bs-table-bg: #0D3166 !important;
  --bs-table-color: #EFF4FB !important;
  border-color: #1a5db5 !important;
}
body.dark .container-table thead.table-light th {
  color: #EFF4FB !important;
  border-color: #143A6E !important;
}
/* tbody rows */
body.dark .container-table tbody tr,
body.dark .contenedor_notas tbody tr {
  background-color: #0A2850 !important;
  --bs-table-bg: #0A2850 !important;
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
}
body.dark .container-table tbody tr td {
  color: #C2D2E8 !important;
  border-color: #143A6E !important;
}
body.dark .container-table tfoot tr {
  background-color: #0D3166 !important;
  color: #EFF4FB !important;
  border-color: #143A6E !important;
}
body.dark .container-table tfoot td {
  color: #EFF4FB !important;
  border-color: #143A6E !important;
}
/* Badges bg-light text-dark (peso %, No aplica) */
body.dark .container-table .badge.bg-light,
body.dark .contenedor_notas .badge.bg-light {
  background-color: #143A6E !important;
  color: #C2D2E8 !important;
  border-color: #1a5db5 !important;
}
/* Barra de progreso */
body.dark .container-table .progress,
body.dark .contenedor_notas .progress {
  background-color: #143A6E !important;
}

/* Contenedor de mensajes de resultado/error — background: #ffffff hardcodeado en detalle_documento.css */
body.dark .contenedor_principal .mensaje_error,
body.dark .contenedor_principal .mensaje_resultado {
  background: #0A2850 !important;
  border: 1px solid #143A6E !important;
}
body.dark .contenedor_principal .mensaje_error .mensaje,
body.dark .contenedor_principal .mensaje_resultado .mensaje {
  color: #C2D2E8 !important;
}

/* Contenedor principal de la evaluación/actividad SGH — background: #FFFF hardcodeado */
body.dark .contenedor-blanco {
  background-color: #0A2850 !important;
}
body.dark .contenedor-blanco .blue-text {
  color: #6EB3F7 !important;
}
body.dark .contenedor-blanco p {
  color: #C2D2E8 !important;
}

/* Tarjetas de preguntas — border + fondo heredado del padre blanco */
body.dark .sec_pregunta {
  background-color: #071A35 !important;
  border-color: #1a6ed8 !important;
}
body.dark .sec_pregunta span.text-dark,
body.dark .sec_pregunta p.text-dark {
  color: #EFF4FB !important;
}
body.dark .sec_pregunta .form-check-label {
  color: #C2D2E8 !important;
}

/* Acordeones del sidebar SGH — inline styles hardcodeados en la vista */
body.dark .acordion-contenido {
  background-color: #1a4fa0 !important;
  border-color: #1a4fa0 !important;
  color: #C2D2E8 !important;
}
body.dark .acordion-contenido span {
  color: #C2D2E8 !important;
}
body.dark .acordion-contenido .chevron-icon {
  color: #8BA5CC !important;
}
body.dark .acordion-contenido:hover {
  background-color: #1a4fa0 !important;
  color: #EFF4FB !important;
}
body.dark .acordion-contenido:hover span {
  color: #EFF4FB !important;
}
body.dark .acordion-contenido.active {
  background-color: #1657b5 !important;
  color: #ffffff !important;
  border-left: 3px solid #0DBBFF !important;
}
body.dark .acordion-contenido.active span {
  color: #ffffff !important;
}
body.dark .acordion-contenido.active .chevron-icon {
  color: #ffffff !important;
}

/* ── Saberes Gestión: vista módulos de malla ─────────────────────────────── */
body.dark .objetivos-section {
  background: #0A2850 !important;
  border-color: #143A6E !important;
}
body.dark .objetivos-section__title {
  color: #EFF4FB !important;
}
body.dark .objetivos-section__text {
  color: #C2D2E8 !important;
}
body.dark .objetivos-section__icon {
  background-color: #0D3166 !important;
  color: #6EB3F7 !important;
}
body.dark .card-modulos {
  border-color: #143A6E !important;
}
body.dark .malla-card-design .description-text {
  color: #C2D2E8 !important;
}

/* ── Botones de acción en tablas (familiares, etc.) ──────────────────────── */
body.dark .btn-accion-edit {
  border-color: #0DBBFF !important;
  color: #0DBBFF !important;
}
body.dark .btn-accion-edit:hover {
  background-color: rgba(13, 187, 255, 0.15) !important;
}
body.dark .btn-accion-delete {
  border-color: #e05c5c !important;
  color: #e05c5c !important;
}
body.dark .btn-accion-delete:hover {
  background-color: rgba(220, 53, 69, 0.15) !important;
}

/* ═══════════════════════════════════════════════════════════════
   ENLACE EXTERNO — tarjeta de lanzamiento (tipo 5 y tipo 13)
════════════════════════════════════════════════════════════════ */
body.dark .enlace-externo-landing {
  background-color: #0A2850 !important;
  border-color: #143A6E !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.35) !important;
}
body.dark .enlace-externo-titulo {
  color: #EFF4FB !important;
}
body.dark .enlace-externo-landing .text-muted {
  color: #8BA5CC !important;
}
body.dark .enlace-externo-landing .text-muted strong {
  color: #C2D2E8 !important;
}
body.dark .enlace-externo-icon-wrap {
  background: rgba(13,187,255,0.12) !important;
}
body.dark .enlace-externo-icon-wrap .fa-external-link-alt {
  color: #0DBBFF !important;
}