:root {
  --primary: #0d47a1;   /* Azul ISP Profundo */
  --accent: #00d2ff;    /* Azul Brillante Accent */
  --sidebar-bg: #0d47a1;
}

/* SIDEBAR: Estilo Premium */
.sidebar {
    background: var(--sidebar-bg) !important;
    box-shadow: 4px 0 10px rgba(0,0,0,0.1) !important;
}

.sidebar .sidebar-wrapper {
    background: var(--sidebar-bg) !important;
    overflow-y: auto !important;
    height: 100vh !important;
    padding-bottom: 80px !important;
}

/* Iconos y Texto Inactivos */
.sidebar .nav li > a i, 
.sidebar .nav li > a p {
    color: rgba(255, 255, 255, 0.8) !important;
    transition: all 0.3s ease;
}

.sidebar .nav li:hover > a i, 
.sidebar .nav li:hover > a p {
    color: #fff !important;
    transform: translateX(5px);
}

/* ESTADO ACTIVO: La Píldora */
.sidebar .nav li.active > a {
    background: #fff !important;
    border-radius: 30px 0 0 30px !important; /* Estilo moderno lateral */
    margin-left: 15px !important;
    box-shadow: -5px 5px 15px rgba(0,0,0,0.1) !important;
    display: flex !important;
    align-items: center !important;
    padding: 12px 20px !important;
}

.sidebar .nav li.active > a i {
    color: var(--primary) !important;
    font-size: 22px !important;
    margin-right: 15px !important;
    margin-top: 0 !important; /* Centrado vertical */
}

.sidebar .nav li.active > a p {
    color: var(--primary) !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
}

/* Logo y Separadores */
.sidebar .logo {
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    padding: 20px !important;
}

.sidebar .logo a.simple-text {
    color: #fff !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

/* Scrollbar: Solo una y elegante */
.sidebar-wrapper {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
}

.sidebar-wrapper::-webkit-scrollbar {
    display: none !important; /* Ocultar barra nativa en Chrome/Safari */
}

/* Si la plantilla usa PerfectScrollbar, ella se encargará. 
   Si no, activamos una muy sutil */
.sidebar:hover .sidebar-wrapper {
    overflow-y: auto !important;
}

/* Forzar botones y otros elementos primary */
.btn-primary, .bg-primary, .badge-primary {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}