/* Minification failed. Returning unminified contents.
(95,1): run-time error CSS1019: Unexpected token, found '@import'
(95,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap')'
 */

#banner-countdown-4 {
    margin: 0 auto;
    display: none;
}

#banner-countdown-4 .countdown {
            text-transform: uppercase;
            font-weight: bold;
            color: #fff; 
        }

            #banner-countdown-4 .countdown span {
                text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
                font-size: 7rem;
                margin-left: 0.8rem;
                color: #fff;
            }
          
                #banner-countdown-4 .countdown span:first-of-type {
                    margin-left: 0;
                }

        #banner-countdown-4-clock .tempo {
            font-size: clamp(1rem, 7vw, 2rem)!important; 
            margin: 0 !important;
        }

        #banner-countdown-4 .coluna-texto {
            background-color: #ff9366;
        }

        #banner-countdown-4 .titulo {
            margin: 10px 0 0 0;
            font-size: clamp(1rem, 7vw, 3.4rem);
        }

        #banner-countdown-4 .subtitulo {
            font-size: 27px;
            padding-top: 5px;
        }

        @media only screen and (max-width:480px) {
            #banner-countdown-4 .countdown span {
                text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
                font-size: 2.8rem;
                margin-left: 0.8rem;
            }

                #banner-countdown-4 .countdown span:first-of-type {
                    margin-left: 0;
                }

            #banner-countdown-4 .coluna-texto {
                margin-left: 0;
            }

            #banner-countdown-4 .banner-content .texto-banner {
                font-size: 2rem;
            }

            #banner-countdown-4 .titulo {
                margin: 10px 0 0 0;
                font-size: 28px;
            }

            #banner-countdown-4 .subtitulo {
                font-size: 17px;
            }

            #banner-countdown-4 .banner-countdown {
                padding: 0;
            }

           #banner-countdown-4-clock .tempo {
            font-size: 1.6rem !important; 
            margin: 0 !important;
        }

        }
        @media only screen and (min-width:1024px) {
            #banner-countdown-4 .countdown span {
                font-size: clamp(1rem, 7vw, 3.4rem);
            }
            #banner-countdown-4 .subtitulo {
                font-size: 19px;
                padding-top: 13px;
            }
        }
        @media only screen and (min-width:1919px) {
            #banner-countdown-4 .countdown span {
                font-size: clamp(1rem, 7vw, 3.4rem);
            }
        }
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

.aviseQuandoChegar{
    margin-top: 4px;
    margin-bottom: 3rem;
}

#scroll-top {
    bottom: 200px;
}

.aviseQuandoChegar i {
    font-size: 1.5em;
}

.swiper-container {
    width: 572px;
    height: 572px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-top {
    height: 100%;
    width: 100%;
}

.gallery-thumbs {
    height: 14vh;
    box-sizing: border-box;
    padding: 10px 0;
}

    .gallery-thumbs .swiper-slide {
        width: 14%;
        height: 100%;
        opacity: 0.4;
    }

.caracteristica {
    font-weight: 600;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.produto-valor-de {
    text-decoration: line-through;
    margin-top: 30px;
    margin-bottom: 0;
}

.produto-valor-por {
    margin-bottom: 0;
    color: #679c4d;
}

.produto-valor-pix {
    font-size: 2.2rem;
    margin-bottom: 0;
    color: #679c4d;
    margin-bottom: 4px;
}

.produto-valor-parcelamento {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 0.5rem;
}

.mais-formas-pagamento {
    margin-bottom: 1rem;
}

    .mais-formas-pagamento a {
        color: #333;
        border-bottom: .1rem solid #b8b8b8;
        transition: all .35s ease;
    }

        .mais-formas-pagamento a:hover {
            color: #8a75bc;
            border-bottom: .1rem solid #8a75bc;
            cursor: pointer;
        }

.botao-comprar {
    background: #679c4d !important;
    border: none !important;
    color: white !important;
    font-size: 25px;
    min-width: 300px;
}

    .botao-comprar:hover {
        background: #4d6840 !important;
        border: none !important;
        color: white !important;
        font-size: 25px;
        min-width: 300px;
    }

.botao-comprar-sticker {
    background: #679c4d !important;
    border: none !important;
    color: white !important;
    font-size: 25px;
}

    .botao-comprar-sticker:hover {
        background: #4d6840 !important;
        border: none !important;
        color: white !important;
        font-size: 25px;
    }

.swiper-slide-video-miniatura {
    overflow: hidden;
    width: 200px;
    height: 200px;
}

    .swiper-slide-video-miniatura img {
        height: 110px;
    }

.pl-parcelas {
    padding-left: 2rem !important;
}
.whatsapp-floating-button {
    bottom: 100px !important;
}

@media only screen and (max-width: 600px) {
    .swiper-slide-video-miniatura img {
        height: 75px;
    }

    .modal-parcelas {
        width: 18%;
    }

    .modal-valor-parcela {
        width: 26%;
    }
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
    .swiper-slide-video-miniatura img {
        height: 65px;
    }
}

.swiper-button-next, .swiper-button-prev {
    padding: 26px 20px;
    background-color: rgba(0,0,0,.25);
    border-radius: 4px;
}

.boxCupomDesconto {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2vw;
}

.cupomDesconto {
    position: relative;
    width: clamp(220px, 10%, 100%);
}

.cupomDesconto.grande {
    width: clamp(220px, 60%, 100%);
    flex-grow: 1;
}

.cupomDesconto > img{
    max-width: 200px;
}

.cupomAplicado {
    background-color: #695b98;
    padding: 4px;
}

.cupomAplicado, .cupomAplicado > p{
    color: white;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.cupomAplicado > p{
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.nomeCupomDesconto{
    font-size: calc(0.6em + 0.4rem);
    text-transform: uppercase;
    font-weight: bold;
}


@media (min-width: 420px) {
    .cupomAplicado::before {
        content: '';
        position: absolute;
        top: 15%;
        left: -16px;
        padding: 16px;
        border-radius: 50%;
        background-color: #fff;
    }

    .cupomAplicado::after {
        content: '';
        border-left: 4px dotted #fff;
        right: 22px;
        top: 0;
        position: absolute;
        height: 60px;
    }
}

@media (min-width: 428px) and (max-width: 588px) {
    .cupomDesconto.grande {
        width: 100%;
    }
}

@media (min-width: 814px) and (max-width: 1120px){
    .cupomDesconto.grande{
        width: 100%;
    }
}