body {
  background-color: #191935;
}

/*Estilos Menu*/
.navbar {
  background-color: #191935;
}

/*FIM Estilos Menu*/
/*Estilos reutilizaveis*/
.destaque-descricao-vagas {
  display: inline-block;
  margin-right: 2rem;
  background-color: #ccc;
  padding: 1rem 1.5rem;
  border-radius: 10px;
}

.fas,
.far {
  margin-right: 1rem; /* Espaço a direita dos icones */
}

.fa-heart {
  margin-right: 0rem; /* Espaço a direita dos icones */
}

.titulo-descricao-vaga {
  font-size: 2rem;
  color: #505050;
}

.icone-lupa-vagas {
  display: block;
}

.icone-lupa-vagas img {
  margin: 0 auto;
}

.titulo-empresa-contratante {
  font-size: 1.5rem;
}

.titulo-empresa-contratante a {
  text-decoration: underline;
}

.titulo-empresa-contratante a:hover {
  color: #f4c27a;
}

/*Estilos reutilizaveis*/

/*Secao vagas Buscador*/
.secao-vagas-buscador {
  padding-bottom: 4rem !important;
  background-color: #191935;
}

.secao-vagas-buscador .titulo-p {
  color: #fff;
  margin-bottom: 4rem;
}

.secao-vagas-buscador .fas,
.secao-vagas-buscador .far {
  margin-right: 0;
}
/*FIM Secao vagas Buscador*/

/*PAGINA Busca Vagas*/
.secao-vagas {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f4f7f6;
}

.secao-vagas .filtro-vagas {
  width: 100%;
}

.secao-vagas .link-contador-vagas {
  margin: 0 auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.secao-vagas .link-contador-vagas .numero-vagas {
  color: #ffb300;
  text-decoration: underline;
}

/*-------------------------
Estilos Formulário
-----------------------*/

.secao-vagas .card-formulario {
  padding: 4rem 2.5rem;
  background-color: #fff;
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.077) !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.link-zera-filtro {
  text-align: right;
  color: #ffb300;
  margin-bottom: 3rem;
}

.marca-vagas-recentes {
  padding: 1rem;
  margin-top: 2rem !important;
  color: #ffb300;
  text-align: center;
}

.checkbox-vagas-recentes {
  margin-right: 1rem;
  vertical-align: text-top;
  font-size: 1.6rem;
  cursor: pointer;
  appearance: none;
  width: 16px;
  height: 16px;
  background-color: #fff;
}

.formulario-busca-vagas h3 {
  text-decoration: underline;
}

.lista-area-atuacao li,
.lista-faixa-salarial li {
  display: inline-block;
  margin-right: 2rem;
  line-height: 3rem;
  font-size: 1.6rem;
  color: #a8a8b3;
  text-decoration: underline;
}

.lista-area-atuacao li:hover,
.lista-faixa-salarial li:hover {
  color: #f4c27a;
}

.formulario-busca-vagas .descricao-campo {
  font-size: 1.6rem;
  margin: 0;
}

.formulario-busca-vagas .seleciona-opcao {
  height: 4rem;
  padding: 1rem 1rem;
  font-size: 1.6rem;
  margin: 1rem 0;
  border-color: #ccc;
  color: rgb(99, 99, 99);
}

.formulario-busca-vagas .botao {
  text-align: center;
}

/*-------------------------
Estilos Cards Vagas
-----------------------*/

.secao-vagas .card-vagas {
  padding: 4.5rem;
  background-color: #fff;
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.077) !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  margin-bottom: 3rem;
}

.secao-vagas .card-descrição-vaga {
  margin-top: 3rem;
}

.destaque-resumo-vaga .item-logo-titulo {
  width: 45px;
  height: 45px;
  margin-right: 2rem;
  border-radius: 100%;
  background-color: #ffb300;
  position: relative;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.151);
  text-align: center;
}

.destaque-resumo-vaga .logo-vaga {
  font-size: 2.5rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}

.destaque-resumo-vaga .titulo-logo-vaga li {
  display: inline-block;
}

.secao-vagas .card-vagas .itens-destaques-vagas .item-vaga {
  display: inline-block;
  font-size: 1.7rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  color: #6b6969;
}

.secao-vagas .card-vagas .itens-destaques-vagas .item-vaga:last-of-type {
  margin-right: 0;
  border: 0;
}

.secao-vagas .card-vagas .itens-destaques-vagas .item-vaga:first-of-type {
  padding-left: 0;
}

.destaque-linguagens-necessarias {
  margin-top: 1rem;
}

.secao-vagas .card-vagas .titulo-item-requisito {
  font-size: 1.4rem;
  color: #a8a8b3;
}

.secao-vagas .card-vagas .link-item-requisito {
  font-size: 1.5rem;
  color: #505050;
  text-decoration: underline;
}

.secao-vagas .card-vagas .destaque-linguagens-necessarias .item-requisito {
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: transparent;
  border: 1px solid #f4c27a;
  font-size: 1.5rem;
  color: #f4c27a;
  display: inline-block;
  text-align: center;
}

.area-botao-vagas {
  text-align: center;
  margin-top: 3rem;
}

.area-botao-vagas .botao {
  width: 100%;
}

/*PAGINA Busca Vagas*/

/*--------------------------------
Estilo pagina Descrição vagas
---------------------------------*/
.link-voltar-vagas {
  margin: 0 auto;
  margin-bottom: 3rem;
  text-decoration: underline;
}

.link-limpar-vagas {
  margin: 0 auto;
  text-decoration: underline;
}

.link-voltar-vagas .fas,
.link-limpar-vagas .fas {
  color: #ffb300;
}

.card-descricao-vaga {
  padding: 4.5rem;
  background-color: #fff;
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.077) !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  margin-bottom: 3rem;
}

.grupo-itens-descricao-vaga {
  font-size: 1.6rem;
  color: #505050;
  line-height: 2.4rem;
}

.grupo-itens-descricao-vaga .item-descricao {
  margin-bottom: 1.5rem;
}

.grupo-itens-descricao-vaga .item-descricao .fas {
  font-size: 1.5rem;
  color: #f4c27a;
  margin-right: 1rem;
}

.grupo-itens-descricao-vaga .beneficios {
  font-size: 1.5rem;
}

.grupo-itens-descricao-vaga .beneficios .info-beneficio {
  margin-bottom: 2rem;
  display: inline-block;
}

.grupo-itens-descricao-vaga .beneficios .fas {
  font-size: 1.5rem;
  color: #f4c27a;
}

/*Secao vagas sugeridas*/
.secao-vagas-sugeridas .titulo {
  color: #fff;
}

.secao-vagas-sugeridas {
  background-color: #191935;
}

/*FIM Secao vagas sugeridas*/

@media (min-width: 768px) {
  .secao-destaque-vaga {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .secao-vagas-buscador {
    padding-top: 9rem;
  }
}