.nav-link {
    color: #003366 !important; /* Azul oscuro */

}
.horubi-blue {
    color: #003366 !important; /* Cambia este color según tu preferencia */
}
#img-banner {
    max-width: 100%;
    height: auto;
}
.btn-custom {
    color: #003366; /* Azul oscuro */
    border: 2px solid #003366;
    background-color: transparent;
}
.btn-custom:hover {
    color: white;
    background-color: #003366;
    border-color: #003366;
}
/* Estilo cuando el ratón pasa sobre los enlaces de navegación */
.nav-link:hover {
    color: rgb(255, 255, 255) !important; /* Cambia el color del texto al pasar el cursor */
    background-color: #96c4f2; /* Cambia el color de fondo al pasar el cursor */
    /*border-radius: 1px; *//* Opcional, para redondear las esquinas del fondo */
    text-decoration: none; /* Opcional, evita que el texto se subraye */
    padding: 0.5rem 1rem; /* Opcional, para añadir relleno y aumentar el área del enlace */
}
.custom-cliente-icon {
    border: 2px solid white; /* Borde blanco */
}

.custom-vendedor-icon {
    border: 2px solid white; /* Borde blanco */
}