html {
  font-family: Montserrat;
  font-size: 16px;
}

body {
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1.15;
  color: var(--dl-color-gray-black);
  background-color: var(--dl-color-gray-white);
}

.texto-footer-base {
  font-weight: 500;
}

.nav-riagah {
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  z-index: 100;
}

footer {
  text-align: center;
  padding: 3px;
  background-color: rgba(54, 111, 179, 1);
  padding-top: 18px;
  padding-bottom: 18px;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-style: Regular;
  font-family: Montserrat;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  left: 0;
  bottom: 0;
  width: 100%;
  position: fixed;
}

.mobile {
  display: none;
}

.banner-base {
  /* background-image: url('./public/external/image2418-g97p-800w.png'); */
  background-image: url("./public/images/banner-celular-fundo.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.banner-section {
  margin: 0px 65px 0px 65px;
  padding-bottom: 27px;
}

.texto-titulo-principal-esquerda {
  color: rgba(54, 111, 179, 1);
  font-size: 42px;
  font-style: Bold;
  text-align: left;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 133.68749618530273%;
  font-stretch: normal;
  text-decoration: none;
  display: flex;
  max-width: 95%;
  margin-top: 30px;
}

.texto-titulo-principal-direita {
  color: rgba(239, 239, 239, 1);
  font-size: 42px;
  font-style: Bold;
  text-align: left;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 133.68749618530273%;
  font-stretch: normal;
  display: flex;
  margin-top: 30px;
}

.texto-subtitulo-esquerda {
  color: rgba(48, 68, 78, 1);
  font-size: 22px;
  font-style: Regular;
  text-align: left;
  font-family: Montserrat;
  font-weight: 400;
  line-height: 144.6874976158142%;
  font-stretch: normal;
}

.texto-subtitulo-direita {
  color: rgba(239, 239, 239, 1);
  font-size: 22px;
  font-style: Regular;
  text-align: left;
  font-family: Montserrat;
  font-weight: 400;
  line-height: 144.6874976158142%;
  font-stretch: normal;
}

.bloco-titulo-esquerda {
  margin-top: 50px;
  max-width: 100%;
}

.bloco-titulo-direita {
  margin-top: 50px;
  max-width: 100%;
}

.btn-empresa {
  margin-top: 24px;
  gap: 10px;
  left: 0px;
  display: flex;
  padding: 12px 32px;
  overflow: hidden;
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25);
  align-items: flex-start;
  border-radius: 4px;
  background-color: rgba(54, 111, 179, 1);
}

.btn-empresa:hover {
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.4);
  background-color: rgb(22, 85, 161);
}

.btn-empresa:active {
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.6);
  background-color: rgb(9, 51, 102);
}

.btn-empresa-texto {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 18px;
  font-style: Regular;
  text-align: left;
  font-family: Montserrat;
  font-weight: 400;
  line-height: 150.50586462020874%;
  font-stretch: normal;
  text-decoration: none;
}

.btn:active {
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.6) !important;
  background-color: rgb(9, 51, 102) !important;
}

.btn-candidato {
  margin-top: 24px;
  gap: 10px;
  left: 0px;
  display: flex;
  padding: 12px 32px;
  overflow: hidden;
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25);
  align-items: flex-start;
  border-radius: 4px;
  background-color: rgba(239, 239, 239, 1);
  border: none;
}

.btn-candidato:hover {
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.4);
  background-color: rgb(184, 184, 184);
}

.btn-candidato:active {
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.6);
  background-color: rgb(156, 156, 156);
}

.btn-candidato-texto {
  color: rgba(6, 115, 182, 1);
  height: auto;
  font-size: 18px;
  font-style: Regular;
  text-align: left;
  font-family: Montserrat;
  font-weight: 400;
  line-height: 150.50586462020874%;
  font-stretch: normal;
  text-decoration: none;
}

.btn:active {
  box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.6) !important;
  background-color: rgb(9, 51, 102) !important;
}

.secao-secundaria {
  margin: 64px 90px 24px 79px;
  padding-bottom: 40px;
}

.titulo-rh-secao-secundaria {
  left: 1px;
  color: rgba(38, 50, 56, 1);
  height: auto;
  font-size: 24px;
  font-style: Medium;
  text-align: left;
  font-family: Montserrat;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}

.subtitulo-secao-secundaria-esquerda {
  color: rgba(38, 50, 56, 1);
  height: auto;
  font-size: 18px;
  font-style: Light;
  text-align: left;
  font-family: Montserrat;
  font-weight: 300;
  line-height: 130%;
  font-stretch: normal;
  text-decoration: none;
}

.texto-redes-sociais {
  color: rgba(38, 50, 56, 1);
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Medium;
  text-align: left;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 130%;
  font-stretch: normal;
  text-decoration: none;
  margin-left: 8px;
}

.imagem-logo-secao-secundaria {
  margin-left: -12px;
}

@media (max-width: 1162px) {
  .texto-titulo-principal-esquerda{
    line-height: 131.687496%;
    max-width: 100%;
    font-size: 40px;
  }

  .texto-titulo-principal-direita {
    font-size: 40px;
  }
}
@media (max-width: 1026px) {
  .mobile {
    display: none;
  }
  .banner-base {
    background-size: 102%;
  }

  .texto-titulo-principal-esquerda,
  .texto-titulo-principal-direita {
    font-size: 32px;
  }

  .texto-subtitulo-esquerda,
  .texto-subtitulo-direita {
    font-size: 18px;
  }

  .bloco-titulo-esquerda {
    margin-top: 21px;
  }

  .coluna-banner-direita {
    padding-left: 42px;
  }

  .btn,
  .btn-empresa {
    margin-top: 15px;
    padding: 10px 29px;
  }

  .btn-candidato {
    padding: 10px 29px;
    margin-top: 6px;
  }

  .btn-empresa-texto,
  .btn-candidato-texto {
    font-size: 16px;
  }

  .nav-riagah {
    height: 66px;
  }

  footer {
    font-size: 16px;
  }

  /* navbar-expand-lg mb-0  */
}

@media (max-width: 1350px) {
  .mobile {
    display: none;
  }
  .banner-base {
    background-image: url("./public/images/banner-celular-fundo.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
  }
}

@media (min-width: 1360px) {
  .mobile {
    display: none;
  }
  .banner-section {
    /* margin: 0px 90px 0px 90px;
        padding-bottom: 27px;
        height: 635px; */
  }
}

@media (max-width: 785px) {
  .mobile {
    display: none;
  }

  .banner-base {
    background-image: url("./public/external/image2418-g97p-800w.png");
    background-size: 100% 100%;
  }

  .banner-section {
    margin: 0px 15px 0px 15px;
  }

  .bloco-titulo-direita {
    margin-top: 76px;
  }
}

@media (max-width: 754px) {
  .desktop {
    display: none;
  }

  .banner-base {
    background-image: url("./public/images/banner-celular-fundo-cortes.png");
    background-repeat: no-repeat;
    background-size: 100% 105%;
    position: relative;
  }

  .banner-section {
    margin: 0px 45px 0px 45px;
    padding-bottom: 24px;
  }

  .texto-titulo-principal-esquerda,
  .texto-titulo-principal-direita {
    font-size: 28px;
  }

  .texto-titulo-principal-direita {
    margin-top: 50px;
  }

  .bloco-titulo-esquerda {
    margin-top: 36px;
  }

  .bloco-titulo-direita {
    margin-top: 0px;
  }

  .btn,
  .btn-empresa {
    margin-top: 26px;
    padding: 8px 26px;
  }

  .btn-candidato {
    padding: 10px 29px;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .btn-empresa-texto,
  .btn-candidato-texto {
    font-size: 14px;
  }

  .coluna-banner-direita {
    padding-left: 115px;
    margin-top: 60px;
  }

  .secao-secundaria {
    margin: 25px 25px 12px 12px;
    padding-bottom: 40px;
  }

  .titulo-rh-secao-secundaria {
    margin-top: 24px;
    font-size: 20px;
  }

  .subtitulo-secao-secundaria-esquerda {
    font-size: 16px;
  }

  .mt-2 {
    margin-top: 2.5rem !important;
  }

  footer {
    font-size: 14px;
  }
}