/* SE  O "VEJA TAMB M */

#veja-tambem {
  margin-top: 20px;
  background-color: #e8e8e8;
  padding: 15px;
}

#veja-tambem > h1 {
  margin-top: 0;
  font-size: 16pt;
  color: #101e2b;
}

#veja-tambem > div {
  /* Container flexbox */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* BOX DAS CATEGORIAS VEJA TAMB M */

.box-cate-veja {
  margin: 15px;
  width: 120px;
  padding: 0;
  border: 3px solid #e8e8e8; /* Mesma cor de fundo */
  cursor: pointer;
  box-sizing: content-box;
}

.box-cate-veja:hover {
  border: 3px solid #101e2b;
}

.box-cate-veja h1 {
  font-size: 14pt;
  color: #101e2b !important;
}

.box-cate-veja h2 {
  font-size: 10pt;
  color: #101e2b !important;
}

.box-cate-veja h1,
.box-cate-veja h2 {
  display: inline-block;
  margin: 5px;
}

.box-cate-veja > a > div:first-of-type {
  background: no-repeat bottom;
  background-size: contain;
  height: 120px;
}

.incentivada,
.linha-leve {
  float: right;
  display: inline;
  color: white;
  background-color: #005fa3;
  padding: 3px;
  border-radius: 3px;
  margin-top: 10px;
  font-size: 8pt;
}

.linha-leve {
  background-color: #f1d342;
  color: #292929;
}

.incentivada + .linha-leve {
  margin-top: 5px;
}

.pdd {
  display: block;
  background-color: #3fa535;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  position: relative;
  margin-top: -25px;
  font-size: 8pt;
}

/** *** MEDIA QUERIES PARA TELAS MAIORES CONFORME BREAKPOINTS BOOTSTRAP *** */

@media (min-width: 768px) {
  #veja-tambem > h1 {
    font-size: 22pt;
  }

  /* * * * */
  .box-cate-veja {
    margin: 25px;
    width: 180px;
  }

  .box-cate-veja h1 {
    font-size: 18pt;
  }

  .box-cate-veja h2 {
    font-size: 12pt;
  }

  .box-cate-veja > a > div:first-of-type {
    height: 150px;
  }

  .incentivada,
  .linha-leve {
    font-size: 8pt;
    margin-right: 3px;
  }

  .incentivada + .linha-leve {
    margin-top: 2px;
  }

  .pdd {
    margin-top: -29px;
    font-size: 10pt;
  }
}