/*
Cores 
Amarelo principal: #ffb300
Amarelo secundario: #f4c27a
Fundo principal Azul: #191935
Fundo Cinza: #f4f7f6;
Cinza divisores: #484a644d
Cor texto escuro: #505050
Cor texto claro: #a8a8b3
*/

html {
  /*igual a 10px = 1rem*/
  font-size: 62.5%;
  scroll-behavior: smooth !important;
}

:target {
  scroll-margin-top: 100px;
}

body {
  font-family: "Noto Sans", sans-serif;
  color: #333;
  background-color: #191935;
}

/*Reutilizaveis (são usados em várias seções do site)*/
ul {
  padding: 0;
}

li {
  list-style: none;
}

input:focus,
select:focus {
  outline: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

.alinha-vertical {
  /* display flex */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* centraliza na vertical */
  align-items: center;
}

.container-maior {
  padding-left: 2rem;
  padding-right: 2rem;
}

.container-maior-vagas {
  padding-left: 4rem;
  padding-right: 4rem;
}

/*Seta animada*/
.seta-animada {
  text-align: center;
  margin-top: -2.5rem;
}

.fa.seta {
  font-size: 4.5rem;
  color: #ffb300;
  opacity: 1;
  animation: anima 1500ms ease infinite;
}
@keyframes anima {
  to {
    opacity: 0.1;
    transform: scale(0.85) translateY(20px);
  }
}
/*FIM Seta animada*/

/*Aumentar espaço entre as seções*/
.secao {
  padding-top: 6rem; /*Muda no 1024px*/
  padding-bottom: 6rem; /*Muda no 1024px*/
}

.secao-topo {
  padding-top: 7.5rem; /*Muda no 1024px*/
  padding-bottom: 8rem; /*Muda no 1024px*/
  margin-top: 9.8rem;
}

.secao-topo-menor {
  padding-top: 5.5rem; /*Muda no 1024px*/
  padding-bottom: 6rem; /*Muda no 1024px*/
  margin-top: 9.8rem;
}

.margin-bottom-textos {
  margin-bottom: 4rem !important;
}

.margin-top-textos {
  margin-top: 4rem !important;
}

.margin-textos {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.margin-bottom {
  margin-bottom: 4rem !important; /*A DEFINIR AINDA*/
}

.margin-top {
  margin-top: 4rem !important; /*A DEFINIR AINDA*/
}

.sem-margin-bottom {
  margin-bottom: 0 !important;
}

.sem-margin {
  margin: 0 !important;
}

.zero-padding {
  padding: 0 !important;
}

.sem-padding {
  padding: 0 1.5rem;
}

.sem-border {
  border: 0 !important;
}

.titulo {
  font-size: 5rem;
  line-height: 6.5rem;
}

.titulo-p {
  font-size: 4rem;
  line-height: 6rem;
}

.titulo-vaga {
  font-size: 2.5rem;
  font-weight: 600;
  color: #505050;
}

.subtitulos {
  font-size: 3rem;
  line-height: 4.5rem;
}

.subtitulos-menor {
  font-size: 1.8rem;
  line-height: 3rem;
}

.titulo-cargo {
  font-size: 2rem;
  font-weight: bold;
}

.paragrafo {
  font-size: 1.8rem;
  line-height: 2.7rem !important;
  color: #505050;
}

.texto-cinza-claro {
  color: #a8a8b3;
}

.texto-cinza {
  color: #505050;
  text-decoration: underline;
  font-weight: bold;
}

.text-destaque-amarelo {
  color: #ffb300;
}

.text-amarelo-claro {
  color: #f4c27a;
}

.icon-amarelo {
  color: #ffb300;
  font-size: 2rem;
  margin-right: 1rem;
}

.link-padrao {
  text-decoration: underline;
}

.link-cinza {
  color: #a8a8b3;
}

.link-cinza:hover {
  color: #f4c27a;
}

.link-amarelo {
  color: #ffb300;
}

.link-amarelo:hover {
  color: #f4c27a;
}

.link-ancora-vagas {
  font-size: 1.5rem;
  text-decoration: underline;
  color: #ffb300;
}

.link-ancora-vagas:hover {
  color: #f4c27a;
}

.banner-home .titulo,
.logos-clientes .titulo-p,
.secao-vagas-home .titulo-p,
.secao-diferencias .titulo-p,
.cadastro-empresas .titulo-p,
.secao-nossa-empresa .titulo-p,
.secao-lgpd .titulo-p {
  color: #fff;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500;
}

.fa-chevron-down {
  color: #f2c12e;
  font-size: 3rem;
}

.botao {
  display: inline-block;
  padding: 1.4rem 2.8rem;
  font-size: 1.5rem;
  border-radius: 2px;
  text-transform: uppercase;
}

.botao-50-porcento {
  width: 45% !important;
  display: inline-block;
}

.botao-100-porcento {
  width: 100% !important;
}

.botao-grande-mobile {
  width: 100%;
  text-align: center;
}

.botao-amarelo {
  border: 2px solid #ffb300;
  background-color: transparent;
  color: #ffb300;
}

.botao-amarelo:hover {
  border: 2px solid #f4c27a;
  background-color: #f4c27a;
  color: #fff;
}

.botao-amarelo-solido {
  border: 2px solid #ffb300;
  background-color: #ffb300;
  color: #fff;
}

.botao-amarelo-solido:hover {
  border: 2px solid #f4c27a;
  background-color: #f4c27a;
  color: #fff;
}

.rodape-paginas-vagas {
  text-align: center;
  padding-bottom: 3rem;
  padding-top: 3rem;
  background-color: transparent !important;
}

.rodape-paginas-vagas .paragrafo {
  color: #a8a8b3;
  font-size: 1.5rem;
}

.rodape-paginas-vagas .fa-heart {
  color: #ffb300;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.link-pagina-cliente {
  color: #ffb300; /* Link escrito para pagina de vagas do cliente */
  text-decoration: underline;
}

.jumbotron {
  background-color: transparent !important;
}

.esconde-celular {
  display: none !important;
}

.esconde-computador {
  display: initial !important;
}

.divisao-amarela {
  margin: 3rem 0;
  background-color: #ffb300;
}

.divisao-cinza {
  margin: 3rem 0;
  background-color: #484a644d;
}

.divisao-lateral-cinza {
  border-right: 1px solid #484a644d;
}
/*FIM Reutilizaveis*/

/*--------------------------------
Reutilizavel formulario padrao
---------------------------------*/
.formulario-padrao input {
  width: 100%;
  display: inline-block;
  margin-bottom: 3rem;
  border: 0;
  border-radius: 2px;
  height: 2rem;
  font-size: 1.8rem;
  padding: 2.5rem 2rem;
  color: #a8a8b3;
}

.formulario-padrao textarea {
  width: 100%;
  margin-bottom: 3rem;
  font-size: 1.8rem;
  color: #a8a8b3;
  height: 10rem;
  border: 0;
  border-radius: 2px;
  padding: 2rem 0 0 2rem;
}

.formulario-padrao input::placeholder,
.formulario-padrao textarea::placeholder {
  color: #a8a8b3;
}
/*--------------------------------
FIM Reutilizavel formulario padrao
---------------------------------*/

/*--------------------------------
Estilo pagina HOME
---------------------------------*/

/*Seção banner*/
.banner-home .subtitulos {
  color: #ffb300;
}

.imagem-banner-home {
  width: 260px;
  margin-bottom: 4rem;
}

.area-botao-banner {
  margin-top: 3rem;
}

.area-botao-banner .botao {
  font-size: 2rem;
}

.coluna-imagem-banner {
  /* display flex */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* centraliza na vertical */
  align-items: center;
}
/*FIM Seção banner*/

/*Seção Logos clientes*/
.logo-clientes-home {
  width: 120px;
  margin-bottom: 4rem;
}
/*FIM Logos clientes*/

/*Seção Diferenciais Destaques*/
.secao-diferencias .titulo-p {
  text-align: center;
}

.secao-diferencias .subtitulos {
  color: #ffb300;
}

.secao-diferencias .paragrafo {
  color: #a8a8b3;
  text-align: left;
}

.secao-diferencias .col-lg-4 {
  margin-bottom: 5rem;
}

.secao-diferencias .col-lg-4 .subtitulos {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
}

.secao-gratuito {
  text-align: center;
}

.secao-gratuito .icones {
  width: 161px;
}

.secao-gratuito .paragrafo {
  color: #a8a8b3;
}

.secao-gratuito span {
  font-size: 3rem;
  color: #ffb300;
  margin-top: 1rem;
  margin-bottom: 3rem;
  display: block;
  text-align: center;
}

.secao-gratuito .botao {
  margin-top: 3rem;
}

/*FIM Seção Diferenciais Destaques*/

/*Seção vagas*/
.secao-vagas-home .titulo-p {
  text-align: center;
}

/*Area buscador*/
.area-buscador-geral {
  border-radius: 5px;
  border: 1px solid #a8a8b3;
  padding: 0 2rem;
}

.secao-vagas-buscador .divisao-cinza {
  margin-bottom: 0;
}

.area-buscador-geral input {
  width: 95%;
  height: 5rem;
  border: 0 !important;
  background-color: transparent;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.8rem;
  color: #a8a8b3;
}

.area-buscador-geral ::-webkit-input-placeholder {
  color: #a8a8b3;
}

.area-buscador-geral .fas,
.area-buscador-geral .far {
  font-size: 2rem;
  color: #ffb300;
}
/*Fim area buscador*/

.card-vaga {
  margin-bottom: 3rem;
  margin-top: 7.5rem;
}

.card-vaga .col-12 {
  background-color: rgba(236, 235, 235, 0.966);
  padding: 0 !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05) !important;
  border-radius: 5px;
  border-bottom: 10px transparent solid;
}

.card-vaga-resumo {
  padding: 3rem;
  text-align: left;
  color: #505050;
}

.fundo-logo-vaga {
  width: 100px;
  height: 100px;
  margin-top: -7.5rem !important;
  border-radius: 100%;
  background-color: #ffb300;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.151);
}

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

.efeito-acessa-vaga:hover {
  border-bottom: 7px solid #f4c27a;
}

.secao-vagas-home .titulo-cargo {
  color: #c58b03;
  text-align: center;
}

.secao-vagas-home .botao {
  margin-top: 5rem;
}
/*FIM Seção vagas*/

/*Seção rodapé*/

.secao-rodape {
  padding-top: 8rem;
}

.rodape {
  padding-bottom: 4rem;
}

.rodape .paragrafo {
  color: #a8a8b3;
}

.rodape .bold {
  font-weight: bold;
}

.rodape-inferior {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 1rem;
}

.rodape-inferior a:hover {
  color: #f4c27a;
}

.rodape ul {
  padding: 0;
  font-size: 1.6rem;
}

.rodape ul li {
  list-style: none;
}

.lista-rodape-logo .item-lista-rodape,
.lista-rodape-redes .item-lista-redes {
  display: inline-block;
  font-size: 1.6rem;
  color: #a8a8b3;
}

.lista-rodape-redes .item-lista-redes {
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 2rem;
}

.lista-rodape-redes .item-lista-redes:first-of-type {
  padding-left: 0;
}

.lista-rodape-redes .item-lista-redes:hover {
  color: #f4c27a;
}

.icon-logo-rodape {
  width: 2.5rem;
  vertical-align: middle;
  margin-right: 1rem;
}
/*FIM Seção rodapé*/

/*Estilos Página cadastro empresas*/
.cadastro-empresas .paragrafo {
  color: #a8a8b3;
  font-size: 2rem;
  padding-right: 0;
}

.cadastro-empresas .titulo-p {
  padding-right: 0;
}

.cadastro-empresas .formulario {
  margin-top: 4rem;
}
/*FIM Estilos Página cadastro empresas*/

/*Seção LGPD*/
.secao-lgpd .far {
  font-size: 7rem;
  margin-bottom: 1rem;
  color: #f4c27a;
}
.container-lgpd {
  padding: 1.5rem;
  background-color: #f4f7f6;
}

.container-lgpd .card-lgpd {
  padding: 3.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;
}

.card-lgpd .subtitulos {
  color: #505050;
  margin-bottom: 1.8rem;
}

.card-lgpd .paragrafo {
  font-size: 1.6rem;
  line-height: 2.5rem !important;
  margin-bottom: 1.8rem;
}

.card-lgpd ul {
  padding-left: 4rem;
}

.card-lgpd ul li {
  color: #505050;
  font-size: 1.6rem;
  line-height: 2.5rem !important;
  margin-bottom: 1.8rem;
  list-style-type: disc;
}

.container-lgpd .card-lgpd hr {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
/*FIM Seção LGPD*/

/*Para Tablet*/
@media (min-width: 768px) {
  /*Seção banner*/

  /* FIM Seção banner*/
  /*Seção Logos clientes*/
  .logo-clientes-home {
    margin-bottom: 0;
  }
  /*FIM Logos clientes*/
}

/*Para Notebook e Desktop*/
@media (min-width: 1024px) {
  /*Reutilizar */
  .botao-grande-mobile {
    width: auto;
    text-align: center;
  }

  .titulo-vaga {
    font-size: 3.5rem;
    font-weight: 600;
    color: #505050;
  }
  /*Aumentar espaço entre as seções*/
  .secao {
    padding-top: 8rem; /*Muda no mobile*/
    padding-bottom: 8rem; /*Muda no mobile*/
  }

  .secao-topo {
    padding-top: 13.5rem; /*Muda no mobile*/
    padding-bottom: 10rem; /*Muda no mobile*/
  }

  .secao-topo-menor {
    padding-top: 6.5rem; /*Muda no 1024px*/
    padding-bottom: 7rem; /*Muda no 1024px*/
  }

  .container-maior {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .container-maior-vagas {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .sem-padding {
    padding: 0;
  }

  /*Seção Diferenciais*/
  .secao-gratuito span,
  .secao-gratuito p {
    text-align: left;
  }

  .secao-diferencias .col-lg-4 {
    margin-bottom: 0;
  }

  /*FIM Seção Diferenciais*/
  /*Secao banner*/
  .imagem-banner-home {
    width: 450px;
    margin-bottom: 0;
  }

  .esconde-celular {
    display: initial !important;
  }

  .esconde-computador {
    display: none !important;
  }

  .titulo {
    font-size: 6rem;
    line-height: 7.5rem;
  }
  /*FIM Secao banner*/

  /*Seção vagas*/

  /*FIM Seção vagas*/

  /*Pagina cadastro empresas*/
  .cadastro-empresas .paragrafo {
    padding-right: 5rem;
  }

  .cadastro-empresas .titulo-p {
    padding-right: 5rem;
  }

  .cadastro-empresas .formulario {
    margin-top: 0;
  }
  /*FIM Pagina cadastro empresas*/

  /*Secao LGPD*/
  .container-lgpd .card-lgpd {
    padding: 5rem 10rem;
  }
  /*FIM Secao LGPD*/
}

/*Para Desktop*/
@media (min-width: 1440px) {
}