/*.custom-nav-menu {
    padding: 8px 10px;
}*/

    /* Links normales */
    /*.custom-nav-menu .mud-nav-link {
        border-radius: 10px;
        margin: 4px 0;
        padding: 10px 14px;
        font-size: 13px;
        font-weight: 500;
        color: #e5e7eb !important;
        transition: all 0.2s ease-in-out;
    }*/

        /* Hover bonito */
        /*.custom-nav-menu .mud-nav-link:hover {
            background: rgba(255,255,255,0.08);
            transform: translateX(3px);
        }*/

        /* Activo */
        /*.custom-nav-menu .mud-nav-link.mud-nav-link-active {
            background: rgba(20,184,166,0.25);
            color: #ffffff !important;
            font-weight: 600;
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        }*/

    /* Grupos (padres) */
    /*.custom-nav-menu .mud-nav-group {
        border-radius: 10px;
        margin: 4px 0;
    }*/

        /* Hover grupo */
        /*.custom-nav-menu .mud-nav-group:hover {
            background: rgba(255,255,255,0.05);
        }*/

        /* Hijos más pequeños */
        /*.custom-nav-menu .mud-nav-group .mud-nav-link {
            font-size: 12.5px;
            padding-left: 28px;
            opacity: 0.9;
        }*/

    /* Iconos */
    /*.custom-nav-menu .mud-icon-root {
        color: #99f6e4 !important;
    }





.mud-nav-link {
    color: white !important;
}

.mud-nav-link:hover {
    background-color: #01420d !important;
}

.mud-nav-group .mud-nav-link {
    color: white !important;
}

.mud-nav-group .mud-nav-group-title {
    color: white !important;
}*/

.custom-nav-menu {
    padding: 8px 10px;
}

    /* =========================
   LINKS
========================= */

    .custom-nav-menu .mud-nav-link,
    .custom-nav-menu .mud-nav-group-title {
        border-radius: 10px;
        margin: 4px 0;
        padding: 10px 14px;
        font-size: 13px;
        font-weight: 500;
        color: #ffffff !important;
        transition: all 0.2s ease-in-out;
    }

        /* Hover */
        .custom-nav-menu .mud-nav-link:hover,
        .custom-nav-menu .mud-nav-group:hover,
        .custom-nav-menu .mud-nav-group-title:hover {
            background: rgba(255,255,255,0.08);
            transform: translateX(3px);
        }

        /* Activo */
        .custom-nav-menu .mud-nav-link.mud-nav-link-active {
            background: rgba(20,184,166,0.25);
            color: #ffffff !important;
            font-weight: 600;
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        }

    /* =========================
   SUBMENUS
========================= */

    .custom-nav-menu .mud-nav-group .mud-nav-link {
        font-size: 12.5px;
        padding-left: 28px;
        opacity: 0.9;
    }

    /* =========================
   ICONOS
========================= */

    .custom-nav-menu .mud-icon-root,
    .custom-nav-menu .mud-nav-group .mud-icon-root,
    .custom-nav-menu .mud-nav-link .mud-icon-root,
    .custom-nav-menu .mud-nav-group-title .mud-icon-root {
        color: #ffffff !important;
    }

    /* =========================
       EXPANSIÓN / FLECHAS
    ========================= */

    .custom-user-popover .mud-menu-item,
    .custom-user-popover .mud-menu-item .mud-icon-root,
    .custom-user-popover .mud-icon-root {
        color: white !important;
    }