nav {
    background-color: #faa4a4;
    padding: 0.5rem 0;
}

nav ul {
    list-style-type: none; /* Elimina los puntos de la lista */
    margin: 0;
    padding: 0;
    display: flex; /* Alinea los ítems horizontalmente */
    justify-content: space-around; /* Distribuye el espacio entre los ítems */
}

nav li a {
    display: block;
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0.8rem 1rem;
    text-decoration: none; /* Elimina el subrayado de los enlaces */
    font-size: 1.1rem;
    transition: background-color 0.3s ease; /* Transición suave para el cambio de color */
}

nav li a:hover {
    background-color: #575757; /* Cambio de color al pasar el cursor */
    border-radius: 0.5rem; /* Borde redondeado al pasar el cursor */
}

nav a {
    background-color: rgb(90, 90, 90);
    border-style: solid;
}

nav a:hover {
    background-color: rgb(15, 1, 212);
}

.menu ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 15px 40px;
  margin: 0;
  background-color: transparent; /* Fondo transparente */
}


.menu ul li:first-child img.logo-menu {
  height: 50px;     /* Ajustá este valor para estar “más cómodo” */
  width: auto;
  margin-right: 30px;
}

.menu ul li a {
  text-decoration: none;
  color: #222222;   /* Gris muy oscuro para buena legibilidad */
  font-weight: 500;
  font-size: 1rem;
}

.menu ul li a:hover {
  color: #0077ff;   /* un acento de color azul para el hover */
}