/* ==========================================================================
   GLOBAL TUTORS PREP DOCENTE
   PARCHE DEFINITIVO DE COLORES Y MENÚ MÓVIL — v2.2.1

   Cargar DESPUÉS de catalogo-pro.css.
   No modifica estructura, licencias, bancos, práctica, simulacro ni offline.
   ========================================================================== */

/* =========================
   NOMBRAMIENTO — AZUL
   ========================= */

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-nombramiento
.cp-topnav button.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-nombramiento
.cp-segment button.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-nombramiento
.cp-view-toggle button.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-nombramiento
.cp-page-btn.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-nombramiento
.cp-btn-primary {
  background: linear-gradient(135deg, #174ec7, #3478f6) !important;
  border-color: #3478f6 !important;
  box-shadow: 0 8px 18px rgba(33, 97, 232, 0.24) !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-nombramiento
.cp-hero-icon {
  background: linear-gradient(145deg, #174ec7, #3478f6) !important;
  box-shadow: 0 13px 26px rgba(33, 97, 232, 0.24) !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-nombramiento
.cp-badge-tipo {
  color: #174ec7 !important;
  background: #eaf1ff !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-nombramiento
.cp-btn-outline,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-nombramiento
.cp-btn-sim {
  color: #174ec7 !important;
  border-color: #3478f6 !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-nombramiento
.cp-progress-ring {
  background:
    radial-gradient(circle at center, #ffffff 61%, transparent 62%),
    conic-gradient(
      #2161e8 calc(var(--cp-progress) * 1%),
      #e7ecf4 0
    ) !important;
}

/* =========================
   ASCENSO — VERDE
   ========================= */

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-topnav button.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-segment button.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-view-toggle button.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-page-btn.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-btn-primary {
  background: linear-gradient(135deg, #067647, #12b76a) !important;
  border-color: #12b76a !important;
  box-shadow: 0 8px 18px rgba(3, 152, 85, 0.24) !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-hero-icon {
  background: linear-gradient(145deg, #067647, #12b76a) !important;
  box-shadow: 0 13px 26px rgba(3, 152, 85, 0.24) !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-sidebar-item:hover {
  color: #067647 !important;
  background: #ecfdf3 !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-sidebar-item.activo {
  color: #067647 !important;
  background: linear-gradient(135deg, #ecfdf3, #d1fadf) !important;
  border-color: #a6f4c5 !important;
  box-shadow: 0 6px 18px rgba(3, 152, 85, 0.18) !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-badge-tipo {
  color: #067647 !important;
  background: #d1fadf !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-btn-outline,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-btn-sim {
  color: #067647 !important;
  border-color: #12b76a !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-clear-filters,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-info-link {
  color: #067647 !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-clear-filters {
  background: #ecfdf3 !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-ascenso
.cp-progress-ring {
  background:
    radial-gradient(circle at center, #ffffff 61%, transparent 62%),
    conic-gradient(
      #039855 calc(var(--cp-progress) * 1%),
      #e7ecf4 0
    ) !important;
}

/* =========================
   CARGOS DIRECTIVOS — MORADO
   ========================= */

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-topnav button.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-segment button.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-view-toggle button.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-page-btn.activo,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-btn-primary {
  background: linear-gradient(135deg, #6941c6, #9e77ed) !important;
  border-color: #9e77ed !important;
  box-shadow: 0 8px 18px rgba(127, 86, 217, 0.24) !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-hero-icon {
  background: linear-gradient(145deg, #6941c6, #9e77ed) !important;
  box-shadow: 0 13px 26px rgba(127, 86, 217, 0.24) !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-sidebar-item:hover {
  color: #6941c6 !important;
  background: #f4f3ff !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-sidebar-item.activo {
  color: #6941c6 !important;
  background: linear-gradient(135deg, #f4f3ff, #ebe9fe) !important;
  border-color: #d9d6fe !important;
  box-shadow: 0 6px 18px rgba(127, 86, 217, 0.18) !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-badge-tipo {
  color: #6941c6 !important;
  background: #ebe9fe !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-btn-outline,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-btn-sim {
  color: #6941c6 !important;
  border-color: #9e77ed !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-clear-filters,
#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-info-link {
  color: #6941c6 !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-clear-filters {
  background: #f4f3ff !important;
}

#pantalla-catalogo.catalogo-pro-activo.cp-tipo-directivos
.cp-progress-ring {
  background:
    radial-gradient(circle at center, #ffffff 61%, transparent 62%),
    conic-gradient(
      #7f56d9 calc(var(--cp-progress) * 1%),
      #e7ecf4 0
    ) !important;
}

/* =========================
   MENÚ MÓVIL: SOLO EL BLANCO
   ========================= */

@media (max-width: 900px) {
  #pantalla-catalogo.catalogo-pro-activo .cp-topnav,
  #pantalla-catalogo.catalogo-pro-activo .cp-topnav.abierto {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #pantalla-catalogo.catalogo-pro-activo .cp-sidebar {
    background: #ffffff !important;
    width: min(280px, calc(100vw - 42px)) !important;
  }
}

/* FIN PARCHE DEFINITIVO v2.2.1 */