/* LISTAGEM DOS PRODUTOS */
.page-header{padding-bottom: 0px !important; }
.div-btns{display: flex; justify-content: center;}
.produto {
  padding: 15px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  transition: border-color 0.3s;
  border: 1px solid #dbdbdb;
  margin-bottom: 40px;
  background: white;
  box-shadow: 0px 2px 6px 0px #a0a0a040;
  height: 450px;
}

.produto:hover {
  border-color: #747474;
}

.produto::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
  pointer-events: none;
}

.produto:hover::after {
  opacity: 1;
}


.produto a:hover{text-decoration: none;}
.img-produto{max-height: 220px;position: relative;height: 100%;}
.img-produto img{max-height: 220px;width: 100%;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 !important;}
.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: 13px; text-align: center; color: #070707;margin: 10px 0px;height: 50px;line-height: 1.4;font-weight: bold; margin-bottom: 1rem;}
.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: 41px;}
span.preco-por{color: #A60C0C;text-align: center;font-size: 20px;font-weight: bold;display: flex;/* justify-content: center; */}
span.preco-por b{font-size: 22px;color: #000;font-weight: bold !important;display: inline; text-align: center; width: 100%;}
.sem-juros{margin: 0;margin-top: 0px;color: #2f2d2d;}
.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;
}

.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(--cor-1);height: 50px;width: 100%;margin: 0 !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;}
.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{width: 82px !important;height: 50px !important;font-size: 18px !important;font-weight: bold;text-align: center;}
/* 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;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{color: #A60C0C;font-size: 18px;font-weight: bold;}
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; */
}}
.bt1{display: block !important;}
.parcelas {font-size: 12px !important;/* text-align: center; */margin-top: 0px;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;
}

.titulo > h4 {
  color: black;
  font-weight: bold;
  font-size: 18px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
    width: 100%; /* necessário para quebrar em linhas dentro do container */
}


.titulo > h4:hover{
    text-decoration: none;
}

.titulo {
  height: 50px;
}

.price{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--cor-2);
    font-size: 16px;
}

.price > span{
    text-decoration: line-through;
    color: #6e6e6e;
    font-size: 12px;
}

.btn-add-carrinho {
  position: absolute;
  bottom: 190px;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 100;
  padding: 10px 20px;
  background-color: var(--cor-2);
  color: white;
  border: none;
  cursor: pointer;
  font-weight: bold;
  width: 80%;
}

.btn-ver-detalhes{
  position: absolute;
  bottom: 140px;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 100;
  padding: 10px 20px;
  background-color: rgb(32, 32, 32);
  color: white;
  border: none;
  cursor: pointer;
  font-weight: bold;
    width: 80%;
}

.produto:hover .btn-ver-detalhes {
  visibility: visible;
  opacity: 1;
}

.produto:hover .btn-add-carrinho {
  visibility: visible;
  opacity: 1;
}

.produto-imagens {
    position: relative;
    overflow: hidden;
    height: 300px;
    width: 300px;
    justify-content: center;
    display: flex;
    margin: auto;
}

.produto-imagens img {
    width: auto;
    height: 100%;
    object-fit: cover;
}

.btn-add-cart {
    visibility: hidden;
}

.produto:hover .btn-add-cart {
    visibility: visible;
}

.btn-text{
  font-size: 14px;
  font-weight: lighter;
  text-transform: uppercase;
  padding-left: 5px;
}