.sidebar-text {
    color: #cfd0da;
}

/* Submenús (13/08/2026): .nav de Bootstrap es flex con wrap, y al animar el
   colapso los items que no caben saltaban a una segunda columna al lado
   (ej: "Actos" flotando junto a "Zonas"). Siempre en columna, debajo. */
.nav-sidebar .nav-group-sub {
    flex-direction: column;
    flex-wrap: nowrap;
}

/* Hijos de grupo: sangrados y algo más compactos para distinguirlos. */
.nav-sidebar .nav-group-sub .nav-link {
    padding-left: 2.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.nav-sidebar .nav-link.mainNavBar:hover {
    background-color: #363d52;
    color: #fff;
}

.nav-sidebar .nav-link.mainNavBar:hover i {
    color: #fab00c;
}

.nav-sidebar .nav-link.mainNavBar.active{
    background-color: #363d52;
    color: #fff;
    border-left: 3px solid #fab00c;
}

.nav-sidebar .nav-link.mainNavBar.active i {
    color: #fab00c;
}

.sidebar-text .active{
    background-color: #363d52;
}
.sidebar-content{
    overflow-y: unset;
}

.sidebar .sidebar-control:hover {
    background-color: #fab00c !important;
    color: #212532 !important;
}