body{
    overflow-y: scroll;
}
.image-container-img {
    width: 100%;               /* ocupa todo el ancho disponible */
    height: 350px;             /* o la altura que quieras, por ejemplo 500px */
    background-image: url("../assets/img/banners/principal.jpg");
    background-size: auto 100%; /* mantiene altura completa sin escalar ancho */
    background-position: center center; /* centrada horizontal y vertical */
    background-repeat: no-repeat;
    overflow: hidden;
}

/* Cuando la pantalla sea menor a 768px (ej. móviles) */
@media (max-width: 768px) {
    .image-container-img {
        background-image: url("../assets/img/banners/principal_movil.jpg");
    }
}

.navbar-brand-cardio {
    margin-right: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800 !important;
    white-space: nowrap;
}

.sub-navbar-cardio {
    background: #3a0b1e !important;
    width: 100%;
    z-index: 1029;
    margin-top: 42px !important;
    margin-bottom: 1%;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sub-navbar-cardio {
        margin-right: -17.3rem !important;
    }
}

.font-changer{position:fixed;left:0;margin-top:38px}