.navbar-aqua {
    background: linear-gradient(90deg, rgba(0, 0, 0, 1), transparent, rgba(0, 0, 0, 1));
    color: aqua;
    border-radius: 6px;
    text-align: center;
}

/* estilo para logo y nombre*/
.navbar-brand {
    color: aqua;
    font-weight: bold;
}

/* estilo para botones de navegacion    */
.navbar-nav .nav-link {
    color: aqua;
}

.nav-link {
    padding-top: 0.6rem;
    /* Ajusta según sea necesario */
}

.nav-link:hover {
    color: rgb(255, 255, 0);
    background: #252323;
}

.nav-link.active {
    font-weight: bold;
    color: rgb(255, 255, 0) !important;
    box-shadow: inset 0 3px 0 0 aqua;
}

@media screen and (max-width: 768px) {
    .nav-link.active {
        box-shadow: none;
        background: linear-gradient(to top, #323030, transparent);
    }

    .navbar-aqua {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(10, 68, 66, 0.9), rgba(0, 0, 0, 1));

    }
}

/* boton de abrir navegacion en celular */
.navbar-toggler {
    background-color: aqua;
}

body {
    font-family: sans-serif;
    background: linear-gradient(45deg, rgb(0, 0, 0), rgb(12, 67, 65), rgb(0, 0, 0));
    color: rgb(0, 255, 255);
}

.logo:hover {
    color: yellow;
}

.imagenlogo {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    cursor: pointer;
}