#Banner{
    margin-top: 171px;
}
.swiper {
    width: 100%;
}
.resolucionDesktop {
    display: block;
}

.resolucionMobile {
    display: none;
}
.indicadorBanner{
    display:none;
}
.swiper-banner-principal .swiper-button-prev,
.swiper-banner-principal .swiper-button-next {
    --swiper-navigation-size: 30px;
    background-color: #ffffff;
    height: 60px;
    width: 60px;
    border-radius: 30px;
    opacity: 0.5;
    color: #808080;
    margin-top: -28px;
}
.swiper-banner-principal .swiper-button-prev{
    left: 3%;
}
.swiper-banner-principal .swiper-button-next{
    right: 3%;
}
.swiper-banner-principal .swiper-button-prev:hover,
.swiper-banner-principal .swiper-button-next:hover {
    opacity: 1;
    color:#000000;
}
.swiper-banner-principal .swiper-slide img {
    height: 320px;
    width:100%;
    object-fit: cover;
}
.swiper-banner-principal .swiper-pagination{
    display:none;
}

@media (max-width: 999px) {
    .resolucionMobile{
        display:block;
    }
    .resolucionDesktop {
        display: none;
    }
    /*.swiper {
        width: 100%;
        height: 300px;
    }*/
    .indicadorBanner {
        display: block;
    }
    .swiper-banner-principal .swiper-slide img {
        height: auto;
        max-width: 100%;
    }
    .swiper-banner-principal {
        /*height: 140px;*/
    }
    .swiper-banner-principal .swiper-button-prev,
    .swiper-banner-principal .swiper-button-next{
        display: none;
    }
    .swiper-banner-principal .swiper-pagination {
        --swiper-pagination-color: white;
        --swiper-pagination-bullet-size: 6px;
        --swiper-pagination-bullet-inactive-color: #000;
        --swiper-pagination-bullet-inactive-opacity: 0.25;
        --swiper-pagination-bullet-opacity: 1;
        --swiper-pagination-bullet-horizontal-gap: 5px;
        display:block;
    }
    #Banner {
        margin-top: 133px;
    }
}
/*----------------------Banner separador*/
#BannerSeparador {
    max-width: 1290px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.fondoBannerSeparador {
    height: 158px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
    .fondoBannerSeparador:first-of-type {
        background: #E9E9E9;        
    }
@media (max-width: 999px) {
    #BannerSeparador {
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .fondoBannerSeparador {
        background: #E9E9E9;
        height: auto;
    }
}