/* Estilos base para los enlaces de navegación */
li > .nav-link {
    font-size: 1rem; /* Tamaño de letra */
    color: #ffffff; /* Color inicial del texto */
    padding: 0.5rem 1rem; /* Espaciado para simular botones */
    border-radius: 5px; /* Bordes redondeados */
    transition: background-color 0.3s ease, color 0.3s ease; /* Transición suave */
}

/* Efecto hover */
li > .nav-link:hover {
    background-color: #ff1d1d; /* Color de fondo al pasar el mouse */
    color: #ffffff; /* Color del texto */
    text-decoration: none; /* Sin subrayado */
}
#boton-descargas-1,
#boton-descargas-2,
#boton-descargas-3 {
    transition: background-color 0.4s ease, color 0.4s ease; /* Suaviza el cambio de color */
}

#boton-descargas-1:hover,
#boton-descargas-2:hover,
#boton-descargas-3:hover {
    background-color: #000; /* Fondo negro */
    color: #fff; /* Texto blanco */
}




#atencion-icono:hover,
#compromiso-icono:hover,
#calidad-icono:hover {
    transform: translateY(-10px); /* Levanta el elemento 10px hacia arriba */
}

#imagen-inicio:hover {
    transform: translateY(-10px); /* Levanta el elemento 10px hacia arriba */
}