/*CONTENEDOR BARRA DE MENU*/
.menu-barra-contenedor {
    background: linear-gradient(to right, #068d77b9, #00b3a6, #006a4d);    
    padding: 10px 0;
}

.menu-barra-contenedor ul {
    display: flex;
    justify-content: center; 
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-barra-contenedor li {
    padding: 0 20px; 
}

/*ESTILO OPCIONES DE MENU*/
.menu-barra-contenedor a {
    color: white; 
    text-decoration: none; 
    font-size: 1.1rem;
    display: block; 
    padding: 12px 30px; 
    border-radius: 25px;
    transition: all 0.3s ease;
    text-align: center;
}

/*EFECTO FLOTANTE*/
.menu-barra-contenedor a:hover {
    background-color: rgba(255, 255, 255, 0.3); 
    transform: translateY(-5px); 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
}
/*MEDIDA QUERIES PARA MOVILES*/
@media (max-width: 768px) {
    /*CONTENEDOR*/
    .menu-barra-contenedor ul {
        flex-direction: row; 
        flex-wrap: wrap; 
        justify-content: center; 
        gap: 5px; 
    }

    .menu-barra-contenedor li {
        padding: 0; 
    }

    .menu-barra-contenedor a {
        font-size: 1rem; 
        padding: 8px 15px; 
        border-radius: 15px; 
        width: auto; 
        text-align: center;
    }
}