/* LISTAGEM DOS PRODUTOS */
.page-header{padding-bottom: 0px !important; }
.div-btns{display: flex; justify-content: center;}
.produto{/* border: 2px solid #eee; */border-radius: 15px;/* margin-bottom: 20px; */padding: 5px;display: flex;margin-right: 5px;}
.produto a:hover{text-decoration: none;}
.img-produto{height: 70px; 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: 12px;text-align: center;color: #646464;margin: 10px 0px;height: 65px;line-height: 1.4;}
.nome-prod-mobile{font-size: 10px;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: 41px;}
span.preco-por{color: #A60C0C;text-align: center;font-size: 18px;font-weight: bold;display: flex;justify-content: center;}
span.preco-por b{font-size: 21px;color: #f25995;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;
}
.testBack{
    padding: 10px 40px;
    border: 1px solid grey;
    border-radius: 10px
}
.boxProdHome{
max-height: 270px;overflow: overlay;
}
.boxProdHome{
max-height: 270px;overflow: overlay;
}
.boxProdHome::-webkit-scrollbar {
    width: 10px;               /* width of the entire scrollbar */
  }
  
  .boxProdHome::-webkit-scrollbar-track {
    background: #fff;        /* color of the tracking area */
  }
  
  .boxProdHome::-webkit-scrollbar-thumb {
    background-color: #ff8389;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid #fff;  /* creates padding around scroll thumb */
  }
.qtyminus{
    width: 25px;
    height: 25px;
    display: flex !important;
    align-items: center;
    background: #acacac5e;
    justify-content: center;
    border: 1px solid #ff8389;
    font-size: 10px;
    border-radius: 50px;
    top: -1px !important;
}
.qtyplus{
    width: 25px;
    height: 25px;
    display: flex !important;
    align-items: center;
    background: #acacac5e;
    justify-content: center;
    border: 1px solid #ff8389;
    border-radius: 50px;
    font-size: 10px;
    top: -1px;
    position: relative;
}
.input-number{
    width: 50% !important;
    text-align: center;
    border: none !important;
    box-shadow: none !important;
}
.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: #ff8389;height: 35px;border-radius: 12px;width: 100%;margin: 10px 0px 0px 0px !important;align-items: center;justify-content: center;display: flex !important;}
.btn-ver-mais{display: block; animation: delizar-baixo .3s;}

.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;}
/* SELOS */

.selos{border-radius: 0px;background: var(--cor-1);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) { 
    .nomeProd h4{
        font-size: 12px;
    }  
    .testBack{padding: 10px 0px;}
.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{color: #A60C0C;font-size: 18px;font-weight: bold;}
span.preco-por b{font-size: 21px;color: #000;display: inline;}.produto{/* height: 440px; */}
.img-produto{
    width: 100%;
}
.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;}
.produto{
    /* flex-direction: column; */
    margin-bottom: 10px;
    margin-right: 0;
}
.esp{  margin-bottom: 39px;
    margin-left: 18px;;}
/* SELOS */
}
@media (max-width: 992px) {
    .col-md-15 { width: 50%; float: left; }
}
@media (max-width: 768px){
.pdMob0{
    padding: 0px;
}
.btn-ver-mais {
    width: 100% !important;
    margin-bottom: 0px !important;
}}
.bt1{display: flex !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;
}