.top-banner {
    background-color: var(--color-web);
    color: #fff;
    padding: 3px 0;  /* Mantengo el padding reducido a 3px */
    font-size: 13px;  /* Reduje el tamaño de la fuente a 12px */
}

.top-banner .nav-link {
    color: #fff !important;
    font-size: 13px;  /* Aplicamos el nuevo tamaño de fuente también en los enlaces */
}
.top-banner .nav-link:hover {
    color: #f1c40f !important;
}

.top-banner .navbar-nav {
    display: flex;
    align-items: center;
}

.top-banner .navbar-nav li {
    margin-right: 15px;
}

.top-banner .navbar-nav .ms-auto {
    margin-left: auto;
}

.top-banner .navbar-nav i {
    margin-right: 5px;
}

/* Ajustes para pantallas pequeñas */
@media (max-width: 767px) {
    .top-banner {
        display: none;
    }
}