:root {
  --azul: #3566b0;
  --verde: #63c194;
  --white: white;
  --black: black;
}

h1 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Comfortaa, sans-serif;
  font-size: 62px;
  font-weight: 700;
  line-height: 44px;
}

.body {
  color: #505050;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.section-banner-topo {
  background-image: url('../images/img-fundo-banner-topo-imagens.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 300px;
  padding-bottom: 300px;
}

.padding-page {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.conteudo-banner-principal {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.menu-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.nav-link-menu {
  color: var(--azul);
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  transition: color .5s ease-in-out;
}

.nav-link-menu:hover {
  color: var(--verde);
}

.nav-link-menu.sobre {
  padding-left: 0;
}

.button-whastapp-header {
  background-color: var(--verde);
  color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  padding: 15px 34px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .5s ease-in-out;
  display: flex;
}

.button-whastapp-header:hover {
  background-color: #329ab7;
}

.icon-whastapp {
  margin-right: 10px;
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  padding-top: 18px;
  display: flex;
}

.link-pt-en {
  color: #9d9b96;
  padding: 0;
  font-weight: 700;
  transition: color .5s ease-in-out;
}

.link-pt-en:hover, .link-pt-en.w--current {
  color: var(--verde);
}

.link-pt-en.pt {
  color: #9d9b96;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
}

.link-pt-en.pt:hover, .link-pt-en.pt.w--current {
  color: var(--verde);
}

.h1-titulo {
  text-align: center;
  width: 100%;
  max-width: 846px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 72px;
}

.button {
  background-color: var(--verde);
  border-radius: 10px;
  margin-top: 50px;
  padding: 15px 47px;
  font-size: 28px;
  font-weight: 700;
  transition: background-color .5s ease-in-out;
}

.button:hover {
  background-color: #329ab7;
}

.button.formulario {
  width: 100%;
  margin-top: 20px;
}

.section-sobrenos {
  padding-top: 100px;
  padding-bottom: 100px;
}

.conteudo-sobrenos {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.bloco-texto-sobrenos {
  width: 100%;
  max-width: 440px;
}

.nome-section {
  color: var(--verde);
  margin-bottom: 15px;
  font-weight: 700;
}

.titulo-h2-sobrenos {
  width: 100%;
  max-width: 411px;
  margin-bottom: 20px;
}

.h2-titulo {
  color: var(--azul);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Comfortaa, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 60px;
}

.h2-titulo.text-branco-h2 {
  color: #fff;
}

.img-tecnologia-inovacao {
  width: 100%;
  max-width: 500px;
}

.section-tecnologia {
  background-image: url('../images/img-nossastecnologia.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 545px;
  padding-top: 100px;
}

.titulo-tecnologia {
  text-align: center;
}

.section-tenologia-informacoes {
  margin-top: -224px;
}

.conteudo-informacoes-tec {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.box-info-tecnologia {
  background-color: var(--white);
  border-radius: 10px;
  width: 100%;
  max-width: 430px;
  height: 419px;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  box-shadow: 0 20px 20px rgba(115, 114, 128, .1);
}

.titulo-tec-info {
  color: var(--verde);
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

.section-solucoes {
  padding-top: 100px;
  padding-bottom: 100px;
}

.titulo-section-solucoes {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.titulo-solucoes-h2 {
  width: 100%;
  max-width: 515px;
}

.listagem-produtos {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.produto-informacoes {
  background-color: var(--verde);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 351px;
  height: 277px;
  padding-bottom: 45px;
  display: flex;
}

.produto-informacoes.nematicida {
  background-color: var(--azul);
}

.produto-informacoes.fungicida {
  background-color: #329ab7;
}

.box-produto {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 351px;
  display: flex;
}

.imagem-produto {
  z-index: 10;
  margin-bottom: -102px;
  position: relative;
}

.nome-produto {
  color: var(--white);
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

.descricao-produto {
  color: #fff;
  width: 100%;
  max-width: 276px;
}

.descricao-produto.ingles-ajust-text {
  max-width: 286px;
}

.aviso-produtos-indisponivel {
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.icon-aviso {
  margin-right: 20px;
}

.titulo-indisponivel {
  color: var(--azul);
  font-size: 18px;
  font-weight: 700;
}

.linha-cinza-separacao {
  background-color: rgba(80, 80, 80, .19);
  height: 1px;
}

.section-compromissoesg {
  padding-top: 100px;
  padding-bottom: 200px;
}

.titulo-compromisso {
  width: 100%;
  max-width: 555px;
  margin-bottom: 20px;
}

.texto-corrido {
  width: 100%;
  max-width: 488px;
}

.imagem-compromissoesg {
  width: 100%;
  max-width: 599px;
}

.conteudo-compromisso {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-contato-form {
  background-image: linear-gradient(90deg, #3566b0, #2d9bb5 50%, #63c194);
  height: 519px;
}

.conteudo-contato {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.bloco-texto-contato {
  padding-top: 60px;
}

.titulo-contato {
  width: 100%;
  max-width: 468px;
  margin-bottom: 20px;
}

.text-faleconosco {
  color: #fff;
  width: 100%;
  max-width: 373px;
}

.formulario-contato {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  max-width: 488px;
  margin-top: -80px;
  padding: 60px 45px;
  box-shadow: 0 -30px 50px rgba(115, 114, 128, .15);
}

.campo-preenchimento {
  background-color: #f6f6f8;
  border: 1px #000;
  border-radius: 10px;
  height: 56px;
  margin-bottom: 16px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
}

.campo-preenchimento::placeholder {
  color: #505050;
  font-size: 18px;
}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
}

.conteudo-footer {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.email-telefone {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-contato {
  color: var(--azul);
  justify-content: flex-start;
  align-items: center;
  margin-right: 30px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: color .5s ease-in-out;
  display: flex;
}

.link-contato:hover {
  color: var(--verde);
}

.link-contato.sem-margin-fone {
  margin-right: 0;
}

.icon-email {
  margin-right: 10px;
}

.socialmedia {
  display: none;
}

.link-socialmedia {
  margin-right: 20px;
}

.success-message {
  background-color: var(--verde);
  border-radius: 10px;
}

.texto-obrigado {
  color: var(--white);
  font-size: 30px;
  line-height: 39px;
}

.text2023 {
  color: #999;
}

.conteudo-assinatura-2023 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.assinatura-genia {
  align-items: center;
  display: flex;
}

.container-2 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.padding-page-2 {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.assinatura-direitos {
  background-color: #e6e6e6;
  align-items: center;
  height: 60px;
  display: flex;
}

.text-produzido {
  color: #999;
  margin-right: 10px;
}

.logotipo-genia {
  filter: grayscale();
  color: #882a2a;
}

@media screen and (max-width: 479px) {
  .section-banner-topo {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .padding-page {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-link-menu {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 30px;
  }

  .nav-link-menu.sobre {
    padding-bottom: 20px;
  }

  .button-whastapp-header {
    justify-content: center;
    align-items: center;
    margin: 20px;
  }

  .nav-menu {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .link-pt-en {
    text-align: center;
  }

  .h1-titulo {
    font-size: 45px;
    line-height: 53px;
  }

  .button {
    text-align: center;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button.formulario {
    margin-top: 0;
  }

  .section-sobrenos {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .conteudo-sobrenos {
    flex-flow: column;
  }

  .nome-section {
    margin-bottom: 10px;
  }

  .h2-titulo {
    font-size: 35px;
    line-height: 45px;
  }

  .img-tecnologia-inovacao {
    margin-top: 40px;
  }

  .section-tecnologia {
    height: auto;
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .section-tenologia-informacoes {
    margin-top: -40px;
  }

  .conteudo-informacoes-tec {
    flex-flow: column;
  }

  .box-info-tecnologia {
    height: auto;
    margin-bottom: 20px;
    padding: 30px 20px;
  }

  .section-solucoes {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .listagem-produtos {
    flex-flow: column;
  }

  .produto-informacoes {
    width: 100%;
  }

  .box-produto {
    margin-bottom: 20px;
  }

  .aviso-produtos-indisponivel {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .icon-aviso {
    margin-bottom: 20px;
  }

  .section-compromissoesg {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .imagem-compromissoesg {
    margin-bottom: 40px;
  }

  .conteudo-compromisso {
    flex-flow: column;
  }

  .section-contato-form {
    height: auto;
    padding-bottom: 50px;
  }

  .conteudo-contato {
    flex-flow: column;
  }

  .bloco-texto-contato {
    padding-bottom: 20px;
  }

  .formulario-contato {
    margin-top: 0;
    padding: 40px 15px;
  }

  .campo-preenchimento {
    padding-left: 20px;
    padding-right: 20px;
  }

  .conteudo-footer {
    flex-flow: column;
  }

  .bitech-logotipo {
    margin-bottom: 40px;
  }

  .email-telefone {
    flex-flow: column;
  }

  .link-contato {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .form-block {
    margin-bottom: 0;
  }

  .icon {
    color: var(--azul);
  }

  .menu-button, .menu-button.w--open {
    background-color: rgba(200, 200, 200, 0);
  }

  .brand {
    padding-left: 20px;
  }

  .text2023 {
    text-align: center;
  }

  .conteudo-assinatura-2023 {
    flex-direction: column;
  }

  .assinatura-genia {
    margin-top: 20px;
  }

  .padding-page-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .assinatura-direitos {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}