.navbar-nav .nav-link {
    transition: all 0.3s ease-in-out;
    position: relative;
}

.navbar-nav .nav-link:hover {
    color:rgb(31, 199, 15) !important; /* Cambia el color al pasar el mouse */
    transform: scale(1.1); /* Hace zoom en el enlace */
}

.navbar-nav .nav-link:active {
    transform: scale(0.9); /* Efecto de clic */
}

/* Línea animada debajo del enlace al hacer hover */
.navbar-nav .nav-link::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background:rgb(31, 204, 9);
    transition: width 0.3s ease-in-out;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.navbar-nav .nav-link:hover::after {
    width: 100%;
}

@keyframes colorChange {
    0% {
        color:rgb(235, 252, 2);
    }
    25% {
        color:rgb(83, 250, 6);
    }
    50% {
        color:rgb(255, 102, 0);
    }
    75% {
        color:rgb(0, 238, 255);
    }
s    100% {
        color:rgb(255, 0, 128);
    }
}

.navbar-brand span:last-child {
    animation: colorChange 3s infinite alternate ease-in-out;
}



@keyframes colorShadow {
    0% { filter: drop-shadow(0px 0px 10px rgb(251, 255, 0)); }
    25% { filter: drop-shadow(0px 0px 10px blue); }
    50% { filter: drop-shadow(0px 0px 10px rgb(6, 201, 6)); }
    75% { filter: drop-shadow(0px 0px 10px rgb(255, 115, 0)); }
    100% { filter: drop-shadow(0px 0px 10px rgb(255, 0, 128)); }
}

.shadow-effect {
    animation: colorShadow 3s infinite alternate;
}