/* Navegacion :P */
.nav {
    background-color: rgba(14, 33, 82, 0.349); 
    color: white;
    position: relative;
    width: 100vw;
    padding: 20px;
    display: flex;
    height: 6vh;
    gap: 30%;
    font-size: 1.2vw;
}
.logo {
    display: flex;
    align-items: center;
}
.nav-links {
    display: flex;
    gap: 33%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 1.2vw;
    align-items: center;
    width: 15vw;
}
.nav-links a {
    text-decoration: none;
    color: white;
}
.logo img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.logo-text {
    display: flex;
    align-items: center;
}
.nav-button {
    transition: 0.3s all ease;
    display: flex;
    background: linear-gradient(to right, #3c1b8a, #03788d);
    color: white;
    padding: 10px 20px;
    border: none;
    font-size: 1.2vw;
    height: 50%;
    width: 5vw;
    position: relative;
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    align-self: center;
    justify-content: center;
    box-shadow: 0px 0px 10px rgb(73, 19, 134)
}
.nav-button a {
    color: white;
    text-decoration: none;
}
.nav-button:hover {
    transform: scale(1.05);
}
.active {
    text-decoration: underline !important;
}
/* Navegacion :P */