/* .banner-mec {
  background: #fbfae6;
} */
.banner-mec .box-qr {
  background: #fff;
  width: 100%;
  padding: 25px 40px;
  border-radius: 32px;
}
.banner-mec .box-qr .titulo-mec {
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: #FF6002;
}
.banner-mec .box-nota {
  height: 100%;
  width: 100%;
  background-color: #FF6002;
  border-radius: 32px;
  padding: 16px
}
.banner-mec .box-nota img {
  object-fit: cover;
  border-radius: 32px;
}
.banner-mec .box-nota .box-desc-nota {
  background: #fbfae6;
  border-radius: 32px;
  padding: 20px 16px;
}
.banner-mec .box-nota .box-desc-nota .titulo-nota {
  color: #FF6002;
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 64px;
}
.banner-mec .box-nota .box-desc-nota .subtitulo-nota {
  color: #000;
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 5px;
}
.banner-mec .box-nota .box-desc-nota .legenda-apoio {
  color: #000;
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
}
/* AVISO - CONTAGEM */
section.aviso .fechar-modal {
  background: #FF6002;
  border-radius: 16px;
  padding: 8px 50px;
}
section.aviso .fechar-modal.bg-preto {
  background-color: #000;
}
section.aviso .fechar-modal.bg-preto .titulos h2,
section.aviso .fechar-modal.bg-preto .titulos h3 {
  margin-left: 2rem;
  color: #fff;
}
section.aviso .ativarFlex {
  display: flex;
  align-items: center;
  justify-content: center;
}
section.aviso .titulos h2 {
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin: 0;
}
section.aviso .fechar-aviso {
  background-color: transparent;
  border: none;
  font-weight: 700;
}
section.aviso .titulos h3 {
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin: 0;
}

.aviso .contagem-regressiva span {
  font-family: 'Barlow', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 5px;
  text-transform: uppercase;
}
@media (max-width: 760px) {
  .banner-mec .box-qr .titulo-mec {
    font-size: 16px;
  }
  section.aviso .ativarFlex {
    display: block;
  }
  section.aviso .fechar-modal.bg-preto .titulos h2,
  section.aviso .fechar-modal.bg-preto .titulos h3 {
    margin-left: unset;
    font-size: 16px;
  }
  section.aviso .fechar-modal.bg-preto .titulos h3 {
    margin-top: 1rem;
  }
  section.aviso .fechar-modal {
    padding: 8px 22px;
  }
}
@media (max-width: 390px) {
  .banner-mec .box-nota .box-desc-nota .titulo-nota {
    font-size: 48px;
  }
  .banner-mec .box-qr {
    padding: 25px 14px;
  }
}