/* Aplicar flexbox al contenedor principal dentro de la etiqueta nav */
nav > div {
    display: flex;
    justify-content: flex-start; /* Alinea los elementos al principio del contenedor y reduce el espacio extra */
    align-items: center; /* Esto alineará los elementos verticalmente en el centro */
    flex-wrap: wrap; /* Esto permite que los elementos se envuelvan en la siguiente línea si no hay suficiente espacio */
}

/* Estilos para eliminar los puntos de lista y el padding predeterminado */
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul ul {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

ul ul li {
    padding: 10px;
    text-align: left;
}

li:hover > ul {
    display: block;
}

li:hover {
    background-color: #baccdb;
    color: black;
}


nav a {
    margin-right: 10px;
    text-decoration: none;
    color: black;
}
nav a:hover{
    color: black;
}
/* Estilos para el título */
nav .Titol {

    font-weight: bold;
}

/* Asegurar que los divs no tienen margen/padding extra */
nav > div > div {
    padding: 0;
    margin: 0;
}

/* Estilos para enlaces para eliminar el subrayado */
a {
    text-decoration: none;
}
.logo{
    /* width: 50px; */
    height: 70px;
}
.Botons{
    background: none;
    border: none;
    margin-left: 24px;
    font-size: 16px;
}
.Botons:hover{
    cursor: pointer;
    background-color: #baccdb;
}