/*Estilos del MENU y SUBMENUS*/

/* Mostrar dropdown principal al pasar el cursor */
.nav-item.dropdown:hover > .dropdown-menu {
    display: block;
}

/* Mostrar sub-dropdown al hacer hover */
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
    margin-left: 100%; /* para que se muestre a la derecha */
    top: 0;
    position: absolute;
}

/* Estilo para los submenús anidados */
.dropdown-submenu {
    position: relative;
}

/* Ajustar padding de sub-items */
.dropdown-menu .dropdown-item {
    white-space: nowrap;
}

/* EFECTO HOVER */
.nav-link {
    transition: 0.3s;
    font-weight: 500;
}

.nav-link:hover {
    color: #00c853 !important;
    transform: translateY(-2px);
}

/* DROPDOWN */
.dropdown-menu {
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* ITEMS */
.dropdown-item:hover {
    background: #f1f1f1;
    padding-left: 25px;
    transition: 0.3s;
}