/* Fondo principal del menú */
.nav-panel {
    background-color: #2c3e50;
    color: #ecf0f1;
    height: 100%;
    padding: 1rem 0;
}

/* Ítems padre */
.nav-item > .nav-link {
    color: #ecf0f1;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 300;
    cursor: pointer;
}

    .nav-item > .nav-link:hover {
        background-color: #1abc9c;
        color: white;
    }

/* Submenús */
.nav .nav {
    background-color: #34495e;
    padding-left: 1rem;
}

    .nav .nav .nav-link {
        padding: 0.5rem 1.5rem;
        color: #ecf0f1;
    }

        .nav .nav .nav-link:hover {
            background-color: #1abc9c;
            color: white;
        }

/* Ítem activo */
.nav .nav-link.active {
    background-color: #16a085;
    font-weight: bold;
    color: white;
}

.login-bg {
    /*background: linear-gradient(to right, #2c3e50, #4ca1af);*/
    background: #D6D3D1;
}

.login-card {
    width: 100%;
    max-width: 400px;
    border-radius: 1rem;
    background-color: #ffffffcc; /* blanco con transparencia */
    backdrop-filter: blur(10px);
    border: none;
}

.sidebar {
    width: 250px;
    transition: all 0.3s ease-in-out;
    background-color: #2c3e50;
    color: white;
    overflow-x: hidden;
    min-height: 100vh;
}

    .sidebar.hide {
        width: 0 !important;
        padding: 0 !important;
        opacity: 0;
        visibility: hidden;
    }

    .sidebar.show {
        width: 250px;
        opacity: 1;
        visibility: visible;
    }

.btn-primaryLogin {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #2c3e50 !important;
    --bs-btn-border-color: #2c3e50 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #141e27 !important; /* más oscuro */
    --bs-btn-hover-border-color: #141e27 !important;
    --bs-btn-focus-shadow-rgb: 44, 62, 80; /* sombra suave al enfocar */

    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #1f2d3a !important; /* aún más oscuro */
    --bs-btn-active-border-color: #1f2d3a !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ccc !important;
    --bs-btn-disabled-bg: #2c3e50 !important;
    --bs-btn-disabled-border-color: #2c3e50 !important;
}

.label-Menu {
    color: #2c3e50;
    font-weight: 600;
    font-size: 1.15rem;
}