/* --- PROPERTY OF ZABALA SOLUTIONS INC. - https://zabala.solutions
Provided "as is" without warranties. Unauthorized use, copying, or distribution is prohibited without written permission. Authors are not liable for any damages or claims arising from this software.
---
PROPIEDAD DE ZABALA SOLUTIONS INC. - https://zabala.solutions
Proporcionado "tal cual" sin garantías. Prohibido su uso, copia o distribución sin permiso por escrito. Los autores no son responsables por daños o reclamos derivados de este software.
--- */

/* ========================================
   PANEL ADMIN - ESTILOS CENTRALIZADOS
   ======================================== */

/* ========================================
   SIDEBAR COLLAPSED POR DEFECTO - GLOBAL
   ======================================== */

/* Solo colapsar el sidebar cuando tenga la clase específica */
.sidebar.collapsed,
.sidebar-nav.collapsed,
[class*="sidebar"].collapsed {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  transition: all 0.3s ease-in-out !important;
}

/* Botón de toggle del sidebar - siempre visible */
.sidebar-toggler {
  display: block !important;
  position: fixed !important;
  top: 1rem !important;
  left: 1rem !important;
  z-index: 1030 !important;
  background-color: #343742 !important;
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 6px !important;
  padding: 0.5rem !important;
  color: white !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.sidebar-toggler:hover {
  background-color: #2a2d36 !important;
  border-color: rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  transform: translateX(3px) !important;
}

/* ========================================
   SIDEBAR - ESTILOS PRINCIPALES
   ======================================== */

/* ========================================
   SIDEBAR - ESTILOS PRINCIPALES
   ======================================== */

/* Espaciado superior para el sidebar - súper compacto */
.sidebar-nav {
  padding-top: 0.25rem;
}

/* Asegurar que el primer elemento tenga espacio suficiente - súper compacto */
.sidebar-nav > div > div > div > div > div > div:first-child {
  margin-top: 0.25rem;
}

/* Espaciado adicional para el contenido del sidebar - súper compacto */
.simplebar-content {
  padding-top: 4px !important;
}

/* ========================================
   TÍTULO DEL MÓDULO
   ======================================== */

.modulo-title {
  color: #0d6efd;
  font-weight: 700;
  background-color: rgba(13, 110, 253, 0.15);
  border-radius: 6px;
  margin: 1.5rem 0.35rem 0.5rem 0.35rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(13, 110, 253, 0.2);
  box-shadow: 0 1px 4px rgba(13, 110, 253, 0.15);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* ========================================
   ENLACES DE RECURSOS
   ======================================== */

.recurso-link {
  padding: 0.15rem 0.35rem;
  padding-left: 0.75rem;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin: 0.05rem 0.35rem;
  transition: all 0.2s ease-in-out;
  background-color: #343742 !important; /* Color azul-gris oscuro como en la Imagen 1 */
  color: white !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.recurso-link:hover {
  border-left-color: #000000 !important;
  background-color: #2a2d36 !important; /* Color más oscuro en hover */
  transform: translateX(3px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

.recurso-texto {
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 0.1rem 0;
  font-size: 0.85rem;
  color: white;
}

.no-recursos {
  padding: 0.15rem 0.35rem;
  margin: 0.05rem 0.35rem;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px dashed rgba(255, 255, 255, 0.1);
  color: white;
}

/* ========================================
   NAVEGACIÓN Y TÍTULOS
   ======================================== */

.nav-title {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #6c757d;
  padding: 0.25rem 0.5rem;
  margin-top: 0.5rem;
}

/* ========================================
   ELEMENTOS DE NAVEGACIÓN ADICIONALES
   ======================================== */

.nav-item {
  margin-bottom: 0.025rem;
}

.nav-link {
  display: flex;
  align-items: center;
  padding: 0.15rem 0.35rem;
  color: white;
  text-decoration: none;
  border-radius: 0.2rem;
  transition: all 0.15s ease-in-out;
}

.nav-link:hover {
  color: #000;
  background-color: rgba(0, 0, 0, 0.05);
}

.nav-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
}

.badge {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}