.text-custom {
    color: #002d62 !important;
}

.icon {
    display: block;
    text-align: center;
    margin-bottom: 0.25rem;
}

.nav-link {
    text-align: center;
}

.nav-link:hover {
    color: #ccae2c !important;
    background-color: tuColorDeFondoDeseado !important; 
}

/* CSS en navbar.css */
/* CSS en navbar.css */
.text-custom.active .icon i,
.text-custom.active,
.text-custom.active div {
    color: #ccae2c !important;
}