:root {
    --cor-produto: #eee;
}

.slick-next,
.slick-prev {
    display: none;
}


/* ====================== */
/*      TOPO PRODUTO      */
/* ====================== */
.section-topo-produto {
    background: var(--bg-cinza-escuro);
    background: var(--cor-principal-produto);
    padding: 60px 0 50px;
}

/* Imagens Sliders */
.slider-thumb-produto .item-slider {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-thumb-produto .item-slider img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 380px;
}

.slider-nav-thumb-produto {
    margin: 0 auto;
    width: 88%;
}

@media (max-width: 768px) {
    .slider-nav-thumb-produto {
        width: 100%;
    }

    .slider-thumb-produto .item-slider img {
        width: 280px;
    }
}

@media (max-width: 991px) {
    .slider-nav-thumb-produto {
        margin-bottom: 2rem;
    }
}

.slider-nav-thumb-produto .item-slider {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    max-width: 110px;
}

.slider-nav-thumb-produto .item-slider img {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    padding: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-slider.slick-slide {
    outline: none;
    box-shadow: none;
}

/* Box descricao */
.box-descricao {
    background: #fff;
    padding: 40px 40px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    max-width: 530px;
    margin: 0 auto;
}

.box-descricao p {
    font-size: 15px;
}

/* Avaliacao */
.box-avaliacao {
    display: flex;
    gap: 10px;
    font-size: 14px;
    align-items: center;
    margin-bottom: 20px;
}

.star-line i {
    color: #f5c555;
}

button {
    border-radius: 300px;
    border: 0;
    background: var(--cor-primario);
    font-size: 12px;
    padding: 4px 14px;
    font-weight: 600;
    color: #fff;
}

/* Preços */
.bloco-planos {
    display: flex;
    margin-bottom: 15px;
}

.planos {
    width: 100%;
}

.planos li {
    margin-bottom: 6px;
}

.tag {
    background: #e04748;
    padding: 2px 9px;
    border-radius: 119px;
    font-weight: 500;
    font-size: 11px;
    color: #fff;
    display: inline;
    margin-left: 8px;
}

.preco {
    text-align: right;
    max-width: 153px;
    min-width: 153px;
    width: 100%;
}

.preco p {
    margin-bottom: 0;
}

.preco .valor-antes {
    font-size: 15px;
    text-decoration: line-through;
    text-transform: uppercase;
    font-weight: bold;
    color: #e04848;
}
.preco .desc-parcela {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
}
.preco .valor-parcela {
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 8px;
}
.preco .valor-parcela span {
    margin-right: 5px;
}
.preco .valor-avista {
    font-size: 14px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .planos li {
        font-size: 14px;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .preco {
        text-align: left;
        margin-top: 20px;
    }

    .planos,
    .preco {
        width: 100%;
    }

    .bloco-planos {
        flex-flow: row wrap;
    }
}

@media (max-width: 768px) {
    .box-descricao {
        padding: 32px 28px;
    }
}

@media (max-width: 475px) {
    .preco {
        text-align: left;
        margin-top: 20px;
    }

    .planos,
    .preco {
        width: 100%;
    }

    .bloco-planos {
        flex-flow: row wrap;
    }
}

/* ====================== */
/*       AVALIAÇÕES       */
/* ====================== */
.section-avaliacao {
    padding: 80px 0;
    background: var(--bg-cinza-escuro);
}

.section-avaliacao h3,
.avaliavao-head,
.avaliacao-star {
    width: 100%;
    flex: 1;
}

.avaliavao-head {
    padding: 0 0.8rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.avaliacao-star {
    width: 100%;
    max-width: 235px;
    padding: 0 16px;
}

.avaliacao-star p {
    font-size: 14px;
    margin-bottom: 0;
}

.avaliacao-star i {
    color: #f5c555;
}

.avaliacao-recomendacao {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 200px;
}

.avaliacao-recomendacao p {
    line-height: 120%;
    margin: 0 1rem;
}

.avaliacao-recomendacao span {
    min-width: 60px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b6ffad;
    border-radius: 50%;
    border: 4px solid #55f58a;
    font-weight: bold;
    color: #077b2d;
}

.slider-avaliacao .avaliacao-item {
    background-color: #fff;
    padding: 40px;
    margin: 15px 8px;
    border-radius: 1rem;
}

.slider-avaliacao .avaliacao-item h3 {
    font-size: 18px;
    margin-top: 15px;
}

.slider-avaliacao .avaliacao-item i {
    color: #f5c555;
}

.slider-avaliacao .avaliacao-item span {
    font-size: 14px;
}

.slider-avaliacao .avaliacao-item p {
    margin-top: 15px;
    min-height: 125px;
}
.slider-avaliacao .avaliacao-item .avaliacao-item-recomendacao {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}
.slider-avaliacao .avaliacao-item .avaliacao-item-recomendacao div {
    display: flex;
    align-items: center;
}
.slider-avaliacao .avaliacao-item .avaliacao-item-recomendacao div i {
    font-size: 18px;
    margin-right: 8px;
    color: #57f58a;
}
.slider-avaliacao .avaliacao-item .avaliacao-item-recomendacao div p {
    font-size: 14px;
    margin: 0;
    min-height: auto;
}

@media (min-width: 1400px) {
    .section-avaliacao .container {
        max-width: 1120px;
    }
}

@media (max-width: 768px) {
    .avaliavao-head {
        flex-flow: row wrap;
    }

    .avaliacao-recomendacao {
        margin-bottom: 1.5rem;
    }

    .slider-avaliacao .avaliacao-item p {
        min-height: auto;
    }
}

/* ====================== */
/*          FAQ           */
/* ====================== */
.section-faq {
    padding: 80px 0;
    background: #fff;
}

.section-faq .container {
    max-width: 800px;
}

.accordion-button,
.accordion-button:focus {
    box-shadow: none;
}

.accordion-body {
    font-size: 15px;
    line-height: 160%;
}

.accordion-button {
    padding: 25px 32px;
}

.accordion-body {
    font-size: 15px;
    line-height: 160%;
}

.accordion-button {
    background-color: #f7f7f7;
}

.accordion-item {
    margin-bottom: 8px;
}

/* ====================== */
/*    COMPRA INTERNET     */
/* ====================== */
.section-compra-segura {
    background-color: #fff;
    padding: 50px 0 70px;
}

.section-compra-segura .itens-compra-segura {
    display: flex;
}

.section-compra-segura .itens-compra-segura .item-compra-segura {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    padding: 25px 20px;
    margin: 10px 8px;
}

.section-compra-segura .itens-compra-segura .item-compra-segura p,
.section-compra-segura .itens-compra-segura .item-compra-segura strong {
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 0;
}
.section-compra-segura .itens-compra-segura .item-compra-segura p {
    margin-left: 20px;
}

@media (min-width: 1400px) {
    .section-compra-segura .itens-compra-segura {
        max-width: 1120px;
    }
}

@media (max-width: 991px) {
    .section-compra-segura {
        padding: 0rem 0 60px;
    }

    .section-compra-segura .itens-compra-segura {
        flex-flow: column wrap;
    }

    .section-compra-segura .itens-compra-segura .item-compra-segura {
        margin: 10px 0;
        align-items: baseline;
    }
}

/* ====================== */
/*    COMPRA GARANTIDA    */
/* ====================== */
.section-garantia {
    background-color: #fff;
    padding: 100px 0 30px;
}

.section-garantia .content-garantia {
    background-color: #f1f1f1;
    margin: 0 auto;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding-left: 80px;
}

.section-garantia .content-garantia .img,
.section-garantia .content-garantia .textContent {
    flex: 1;
    text-align: left;
}
.section-garantia .content-garantia .img {
    margin: -30px auto;
    width: 390px;
    height: 400px;
    max-width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 30px;
}

.section-garantia .content-garantia .textContent {
    padding: 50px 70px;
}

.section-garantia .content-garantia .textContent h2 {
    font-size: 30px;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #000;
}

.section-garantia .content-garantia .textContent p {
    color: #666;
}

@media (min-width: 1400px) {
    .section-garantia .content-garantia {
        max-width: 1120px;
    }
}

@media (max-width: 991px) {
    .section-garantia .content-garantia .textContent h2 {
        font-size: 25px;
    }

    .section-garantia .content-garantia .textContent {
        padding: 50px 50px;
        text-align: center;
    }

    .section-garantia .content-garantia .img {
        width: 320px;
    }

    .section-garantia .content-garantia .img {
        width: 230px;
        height: 310px;
        max-width: 100%;
        margin: -30px auto;
        margin-top: -50%;
        margin-bottom: 0;
    }

    .section-garantia .content-garantia {
        padding-left: 0;
    }

    .section-garantia .content-garantia {
        flex-flow: column wrap;
        text-align: center;
    }

    .section-garantia {
        padding: 160px 0 30px;
    }
}