/* -------------------------- */
/* ------- SIDEBAR ---------- */
/* -------------------------- */
.sidebar {
    background-color: #ffffff;
    border-right:2px solid var(--negro);
    height: 100vh;
    padding: 30px 8px;
    position: sticky;
    top: 0px;
    transition: width 0.3s ease;
    width: 280px; 
    
}
.sidebar.collapsed {
    width: 74px;
}
.sidebar #logo-menu{
    width: 170px;
}
.sidebar .nav-item a{
    border-radius: 12px;
    color: var(--gris3);
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 45px;
    padding: 26px 20px;
    text-decoration: none;
}
.sidebar .nav-item a:hover{
    background-color: var(--negro);
    color: var(--blanco);
}
.sidebar img{
    margin-right:8px;
    width: 24px;
}
.sidebar .nav-item a:hover img{
    filter:invert();
}
#menu-superior{
    position: sticky;
    top:0px;
    z-index: 100;
}
.rotate-horizontal{
    transform: rotate(180deg);
}
.dropdown-menu[data-bs-popper]{
    font-size: 14px;
    left: initial;
    padding: 0px;
    right: 0 !important;
}
.dropdown-item{
    padding: 10px 20px;
}
a.dropdown-item{
    color: var(--gris3);
    text-decoration: none !important;
}
a.dropdown-item:hover{
    background-color: var(--grisclaro);
    color: var(--negro);
}
hr.dropdown-divider{
    border-top:1px solid var(--grisclaro);
    height: 1px !important;
    margin: 0px;
    opacity: 1;
}


/* --------------------------------------- */
/* ------- SUBMENUS INTERIORES ---------- */
/* ------------------------------------- */
.submenu .nav{
    border-bottom: 2px solid var(--gris2);
}
.submenu .nav-item a{
    color: var(--negro);
}
.submenu .nav-item a.active{
    font-weight: 700;
}
.submenu .nav-item a.active::after{
    bottom: -10px;
    content:'';
    display: block;    
    height: 2px;
    position: relative;
    background-color: var(--enfasis);
    width: 100%;
}