/* LISTAGEM DOS PRODUTOS */
.page-header{padding-bottom: 0px !important; }
.div-btns{display: flex; justify-content: center;    padding: 0 !important;}
.produto{margin-bottom: 50px;height: 418px;}
.produto a:hover{text-decoration: none;}
.img-produto{height: 180px; position: relative;}
.img-produto img{height: 100%; margin: 0 auto;}
.produto .pic-1{opacity: 1; transition:all .7s  0s}
.produto:hover .pic-1{opacity: 0;}
.produto .pic-2{opacity: 0;transition:all .7s  0s;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin-inline: auto;}
.produto:hover .pic-2{opacity: 1;}
.produto:hover .img-produto{animation-name:blur;animation-duration:0.7s;}
@keyframes blur{0%{filter: opacity(1)}50%{filter: opacity(0.7)}100%{filter: opacity(1)}}
.nome-prod-desktop{font-size: 16px;text-align: start;color: #646464;margin: 10px 0px;height: 65px;line-height: 1.4;}
.nome-prod-mobile{font-size: 12px;color: #646464;height: 32px;display: none;text-align: center;}
.preco-prod {
    display: flex
;
    flex-direction: column;
    height: 36px;
}.preco-de {
    color: #8c8c8c !important;
    text-decoration: line-through;
    height: 10px;
    font-size: 14px;
}

.descont-custom p {
    color: rgb(25, 147, 27) !important;
}

.preco-por {
    color: rgb(45, 45, 49)!important;
    font-size: 12px!important;
    font-weight: bold!important;
}

.texto-pix {
    font-size: 11px;
    color: rgb(45, 45, 49);
}

.preco-por b {
    font-size: 12px!important;
    color: rgb(45, 45, 49)!important;
}



span.preco-por b{font-size: 21px;color: #000;display: inline;}
.sem-juros{margin: 0; margin-top: 5px; color: #000;}
.indisponivel{ opacity: 0.60; }
/* .titulo-vitrine p::after {content: '';display: block;width: 5%;margin: 1px auto;border: 1px solid #38E6E8;border-radius: 3px;background-color: #38E6E8;} */

.parcelas{font-size: 15px !important;text-align: center;margin-top: 8px;color: #535353;align-items: center;align-content: center;display: flex;justify-content: center;}
.boleto{font-size: 18px; color:#000 !important;}

.bt1{
    background: none !important;
}

.pagPix {
    color: rgb(45, 45, 49);
    font-size: 18px;
    font-weight: bold;
    display: inline-flex
;
    margin: 10px 0 0;
    text-decoration: none;
    align-items: center;
    gap: 6px;
}



.btn-ver{ margin-top: -33px !important;z-index: 9999;}
.btn-ver{color: #fff !important;}
 /*Ver mais*/
 /* .preco-prod{display: none!important;} */
.btn-ver-mais{background: var(--verde);height: 50px;border-radius: 12px;width: 100%;margin: 0 !important;align-items: center;justify-content: center;display: flex !important;}
.btn-ver-mais{display: block; animation: delizar-baixo .3s; transition: background 0.2s; cursor: pointer;}
.btn-ver-mais:hover{
    background: var(--amarelo);
    color: var(--verde);
}
.info-comp{display: flex;justify-content: center;font-size: 14px;color: #fff;cursor: pointer;    background: none !important;border: none !important;}
.info-comp:hover{text-decoration: none !important;color: #fff;}
.minus{ z-index: 2;position: absolute;bottom: 2px;left: 10px;font-size: 18px;}
.minus i{}
.plus{ z-index: 2;position: absolute;left: 10px;top: 2px;font-size: 18px;}
.btn-cmp{border-radius: 5px !important;width: 82px !important;height: 50px !important;font-size: 18px !important;font-weight: bold;text-align: center;}
/* SELOS */

.selos{border-radius: 0px;background: #33eca7;color: #000;font-weight: bold !important;text-transform: uppercase;padding: 8px 10px;font-size: 10px;position: absolute;border-radius: 7px;padding: 8px;font-weight: 600;letter-spacing: 1px;z-index: 9;}
.selo-l{}
.selo-r{right: 15px; }

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-15, .col-md-15 { width: 20%; float: left; }


@media (max-width: 768px) {   
.btn-cmp{width: 100% !important;}
.btn-ver-mais{width: 100% !important;margin-bottom: 16px !important;}
.div-btns{flex-wrap: wrap;}
.nome-prod-desktop{font-size: 16px;text-align: center;color: #646464;margin: 10px 0px;height: 65px;line-height: 1.4;}
.nome-prod-mobile{font-size: 12px;color: #646464;height: 32px;display: none;text-align: center;}
.preco-prod{display: flex; justify-content: center;}
.preco-de{color: #bdbdbd !important;text-decoration: line-through;margin-top: 33px;margin-right: -88px;}
span.preco-por{        text-align: center;}
span.preco-por b{font-size: 21px;color: #000;display: inline;}.produto{height: 440px;}
.img-produto{height: 150px;}
.nome-prod-desktop{display: none;}
.nome-prod-mobile{display: block;}
.info-comp{display: flex;justify-content: center;font-size: 14px;color: #fff;}
.info-comp:hover{text-decoration: none !important;color: #fff;}

.esp{  margin-bottom: 39px;
    margin-left: 18px;;}
/* SELOS */
}
@media (max-width: 992px) {
    .col-md-15 { width: 50%; float: left; }
}
@media (max-width: 768px){
.btn-ver-mais {
    width: 100% !important;
   
    /* margin-bottom: 10px !important; */
}

.descont-custom p {
    color: rgb(25, 147, 27) !important;
    text-align:center!important;
}


.pagPix {
    gap: 0px;
    flex-direction: column;
}
}
.bt1{display: block !important;}
.parcelas {font-size: 15px !important;text-align: center;margin-top: 8px;color: #535353;align-items: center;align-content: center;display: block;justify-content: center;height: 42px;}
/*INSTAFEED API */
.div-api-insta{display: inline-block;}

.img-instafeed{
    -webkit-filter: brightness(100%);
 }

.img-instafeed:hover{
    -webkit-filter: brightness(40%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}


.likes-insta{
    opacity: 0;
    height: 0px;
}

.img-instafeed:hover + .likes-insta{ 
    /*display: block;*/
    opacity: 1;
    bottom: 82px;
    position: relative;
    color: white;
    height: 0px;
}