/* menu-lateral.css */
/* Estilos para el offcanvas izquierdo (menú principal) */

.offcanvas.offcanvas-start {
    background-color: #0B0B0B;
}

.offcanvas-body {
    padding: 0.5rem 1rem;
    overflow-y: auto;
    max-height: 90vh;
    background-color: #0B0B0B;
}

.offCanvasMenu .nav-item > .nav-link {
    font-weight: 500;
    color: #D0D0D0;
    padding: 0.5rem 0.75rem;
    border-radius: 0.3rem;
    transition: all 0.2s ease-in-out;
}

.offCanvasMenu .nav-item > .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.offCanvasMenu ul.collapse {
    padding-left: 1rem;
    margin-bottom: 0.5rem;
}

.offCanvasMenu .dropdown-item {
    font-size: 0.9rem;
    padding: 0.3rem 1rem;
    color: #BBBBBB;
    transition: all 0.2s ease;
}

.offCanvasMenu .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}

.offCanvasMenu .bi-chevron-down {
    color: #CCCCCC;
    transition: transform 0.3s ease;
}

.offCanvasMenu .nav-link[aria-expanded="true"] .bi-chevron-down {
    transform: rotate(180deg);
}

.offcanvas-title {
    font-weight: bold;
    color: #F0F0F0;
}

.btn-close-white {
    filter: invert(1);
}