/*estilos barra navegacion*/

nav{
    width: 1250px;
    height: 40px;
    margin: 0 auto;
    background-color: #1b1e1f;
    border: 1px solid #333335;
    box-shadow: 0px 22px 22px grey;
}

nav ul{
    list-style: none;
    text-decoration: none;
}

nav ul li{
    position: relative;
    display: inline-block; /* Hace los elementos principales del menú en línea */
}

nav ul li a{
    display: block;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    color: #d1d4d6;
}

nav ul li a:hover{
    background: #42a079;
    box-shadow: 0px 0px 5px rgb(77, 75, 75) inset;
    color: white;
    transition: all 300ms;
}


.navbar ul li ul {
    display: none; /* Esconde los submenús por defecto */
    position: absolute;
    background-color: #f9f9f9;
    list-style-type: none;
    padding: 0;
    margin: 0;
    min-width: 150px; /* Ajusta el ancho del submenú */
    border: 1px solid #ccc;
    z-index: 1000; /* Asegura que el submenú esté encima */
}

.navbar ul li ul li {
    display: block;
}

.navbar ul li ul li a {
    padding: 10px;
    color: #333;
}

.navbar ul li:hover ul {
    display: block; /* Muestra el submenú al pasar el mouse */
}

.navbar ul li ul li:hover {
    background-color: #f1f1f1; /* Resalta los elementos del submenú */
}