/* Aplica estilo a los enlaces del menú */
.header-nav a {
text-decoration: none;
color: #333;
font-size: 18px;
position: relative;
transition: color 0.3s ease;
}
/* Agrega el efecto de subrayado */
.header-nav a::after {
content: '';
position: absolute;
bottom: -3px; /* Ajusta según el espaciado del menú */
left: 0;
width: 0;
height: 2px;
background-color: black;
transition: width 0.3s ease;
}
/* Subrayado al pasar el cursor */
.header-nav a:hover::after {
width: 100%; /* La línea se extiende completamente */
}
/* Cambia el color del texto al pasar el cursor */
.header-nav a:hover {
color: black;
}
