.banner{
    background-color: #66FFCC;
    height: 45px;
    position: absolute;
    left: 0;
    top: 196px;
    right: 0;
    z-index: 999999;
    text-align: center;
    font-size: 20px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0);
}

.banner.carrito{
    background-color:#0031C8;
    color: white;
}

.banner.carrito button{
    background-color: #E4F8FF;
}

.banner .contadorBanner span.sub{
    font-size: 10px;
}

.banner .offerBannerBackgroundColor{
    height: 15px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.banner .offerBannerBackgroundColor p{
    margin: auto;
    display: inline;
}

.main{
    /* Esto si tiene banner*/
    padding-top: 233px; 
}


.main .section{
    /* Esto si tiene banner*/
    scroll-margin-top: 233px;
}

@media (max-width: 979px) {
    .banner{
        height: auto;
        font-size: 16px;
        top: 100px;
    }

    .banner .text20_{
        font-size:11px;
    }
    .banner .offerBannerBackgroundColor{
        height: auto;
        padding-left: 2px;
        padding-right: 2px;
    }

    .main{
        padding-top: 157px;
    }

    .main .section{
        scroll-margin-top: 157px;
    }

    /*.banner .bannerSeparator{
        display: none;
    }

    .banner .contadorBanner{
        display: block;
    }*/
}