#Destaques{
  margin-top: 1px;
}

#destaques-carregando{
  with: 100%; text-align: center; position: absolute; left: 0; right: 0;font-size: 2rem; top: 20vh;
}

.Destaques{    
    text-align: center;
    padding-bottom: 65px;
    /* background-color: #f7f7f7; */
    width: 100%;
}

.Destaques .Destaque{
    position: relative;
    margin: 20px 0 0 0;    
    background-color: #fff;
}

.Destaques .Destaque .titulo{
  color: #6F2822;
  font-weight: bold;
  font-family: 'Roboto Slab', serif;
  padding: 0px 20px;
  font-size: 1.4rem;
  margin: 12px 0;
  line-height: 1.7rem;
  text-align: justify;
}

.Destaques .Destaque .validade-wrap{
    width: 100%;
    text-align: right;
}
.Destaques .Destaque .validade{
    display: inline-block;
    position: relative;
    right: 20px;
    font-size: 0.8rem;
    color: #666;
    width: auto;
}

.Destaques .Destaque .conteudo1, .Destaques .Destaque .conteudo2{
  padding: 0 20px;
  width: 100%;
  word-wrap: break-word;
  font-size: 0.9rem;
  line-height: 1.1rem;
  text-align: justify;
}


.Destaques .Destaque .btn-wrap{
  width: 100%;
  /* position: relative; */
  /* height: 20px !important; */
  /* margin: 10px 0px; */
  padding: 10px 20px 0 20px;
  text-align: right;
  box-sizing: border-box;
}

.Destaques .Destaque .btn-veja-mais{
  /* position: absolute; */
  /* position: relative; */
  z-index: 4;
  /* float: right; */
  /* right: 20px; */
  /* top: -6px; */
  padding: 6px 12px;
  font-weight: 900;
  text-align: center;
  border: 1px solid #eaeaea;
  width: min-content;
  display: inline-block;
  white-space: nowrap;
  background-color: rgba(255,255,255,0.5);
}
.Destaques .Destaque .btn-veja-mais{
  right: 0;
  top: 0;
  padding: 6px 12px;
  background-color: #f7f7f7;
  cursor: pointer;
}

.Destaques .Destaque .conteudo2{
  display: none;
}

.Destaques .Destaque .imagem{
  margin-top: 10px;
  width: 100%;
}
.Destaques .Destaque .linha{
  height: 1px;
  width: 90%;
  border-bottom: 1px solid #ccc;
  margin: 10px 5%;
}


@media only screen and (min-width: 1100px) {

  .Destaques{    
    display: flex;
    flex-wrap: wrap;
    /* text-align: center; */
    /* align-items: center; */
    /* justify-content: center; */
    padding-bottom: 85px;
    background-color: #f7f7f7;
}

  .Destaques .Destaque{
    margin: 40px 0 0 0;
    background-color:#f7f7f7;
    background-color:#fff;
    flex: 1 0 23%;
    margin: 1%;
    padding: 20px;
    max-width: 23%;
  }

  .Destaques .Destaque .titulo{
    padding: 0;
    font-size: 1.8rem;
    margin: 0 0 20px 0;
    line-height: 2.3rem;
  }

  .Destaques .Destaque .conteudo1, .Destaques .Destaque .conteudo2{
    padding: 0;
  }

  .Destaques .Destaque .btn-wrap{
    padding: 10px 0px 0 0;
  }

  /* .Destaques .Destaque .btn-wrap{
    margin: 10px 0;
  } */

  /* .Destaques .Destaque .btn-veja-mais{
    right: 0;
    top: 0;
    padding: 6px 12px;
    background-color: #f7f7f7;
    cursor: pointer;
  } */

  .Destaques .Destaque .imagem{
    margin: 10px 0;
    width: 100%;
  }

  .Destaques .Destaque .linha{
    display: none;
  }

}