.custom-header .nav-link {
    color: rgb(0, 110, 255) !important;
    transition: color 0.3s ease-in-out;
}

.custom-header .nav-link:hover {
    color: rgb(0, 0, 0) !important;
}

.navbar {
    transition: background-color 0.3s ease-in-out;
}

.navbar-nav .nav-link {
    font-size: 18px;
    margin-right: 10px;
}

.navbar-scrolled {
    background-color: #012970 !important;
}

.navbar-scrolled .nav-link {
    color: rgb(255, 255, 255) !important;
}

.navbar-scrolled .nav-link:hover {
    color: rgb(0, 0, 0) !important;
}

.custom-header {
    background-color: #fff;
    padding: 10px 0;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

/* Hace que el dropdown se muestre al pasar el cursor */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    /* Evita un pequeño salto en la animación */
}

.clase-logo {
    font-size: 28px;
    /* Aumenta el tamaño del texto */
    font-weight: bold;
    color: #000;
    margin: 0;
}