@import url('font.css');
/* importa o arquivo css de fontes */
@import url('rodape.css');
/*importa o arquivo css do rodapé*/
@import url('menu.css');
/*importa o arquivo css do menu*/
@import url('selecaodecadastro.css');

* {
  margin: 0;
  /*tira a margem de todos elementos da pagina, inclusive da propria pagina */
  padding: 0;
  /*tira o espaçamento interno de todos os elementos da pagina e da propria pagina*/
}

/* Fonte base */
body {
  background-color: #F5F5CC;
  /* define a cor de fundo da pagina */
  background-image: url(../imagens/background.png);
  /*Coloca a imagem de fundo no começo da pagina*/
  background-repeat: no-repeat;
  /* define que a imagem de fundo não se repita */
  background-size: 100%;
  overflow-y: visible;

}

/* Cabeçalho com imagem de fundo */
header {
  position: relative;
  /* define a posição relativa para o cabeçalho */
  width: auto;
  /* define a largura do cabeçalho para 100% */
  height: 85vh;
  /* define a altura do cabeçalho para 100% da altura da viewport que é a area visivel de acordo com o dispositivo que esta sendo utilizado para ver o site*/
}

/* Barra superior */
.cabecalho {
  background-color: #ACEB64;
  /*define a cor de fundo do cabecalho*/
  border-radius: 0 0 40px 40px;
  /*arredonda somente as bordas inferiores do cabecalo*/
  display: flex;
  /*Permirte que os elementos dentro dele podem ser organizados e alinhados de forma flexivel*/
  justify-content: space-between;
  /* define um espaçamento igual entre os elementos */
  align-items: center;
  /*alinha os elementos do cabeçalho de forma que eles fiquem centralizados*/
  padding: 10px 20px;
  /*define o espaçamento interno entre a borda do cabeçalho e os elementos dentro dele*/
  position: relative;
  /* define a posição relativa para o cabeçalho */
  height: 76px;
  /*define a altura do cabeçalho*/
}

.cabecalho .logo {
  /*estiliza a logo do link que esta dentro do cabecalho*/
  /*configura a logo presente no cabeçalho*/
  width: 90px;
  /*define a largura da logo do link em 90 pixels*/
  height: 90px;
  /*define a altura da logo do link em 90 pixels*/
  filter: grayscale(100%) brightness(200%) contrast(200%);
  /*define um filtro para deixar a logo do link com a cor branca*/
}

/* Logo central */
.center-logo {
  position: absolute;
  /* define a posição absoluta para a logo central do cabeçalho */
  top: 50%;
  /* define a posição vertical da logo central para 50% */
  left: 50%;
  /* define a posição horizontal esquerda da logo central para 50% */
  transform: translate(-50%, -50%);
  /* define a transformação da logo central para que ela fique centralizada */
  max-width: 300px;
  /* define a largura maxima da logo central para 300 pixels */
  height: auto;
  /* define a altura da logo central para ser automatica */
}

/* Caixa de boas-vindas */
.bemvindo {
  background-color: #348145;
  color: white;
  text-align: center;
  padding: 30px 20px;
  border-radius: 40px 40px 0 0;
  margin-top: -100px;
  position: relative;
  height: 200px;
}

.bemvindo h1 {
  /*configura o texto de boas vindas*/
  color: #FFF;
  text-align: center;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-family: poppinsBold;
}

.bemvindo .ponto {
  /*configura o ponto abaixo do bem vindo*/
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  margin: 10px auto;
}

footer {
  width: auto;
}

.bemvindo p {
  /*configura o texto abaixo do bem vindo e o ponto*/
  color: #FFF;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  font-family: poppinsMedium;
}

.secao1 {
  background-color: #F5F5CC;
  display: flex;
  justify-content: space-between;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 25px;
  color: #000;
  font-family: poppinsBold;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 148.553%;
  letter-spacing: 2.24px;
  gap: 160px;

  .texto {
    display: flex;
    flex-direction: column;
    justify-content: center;

  }

  p {
    /*configura o texto da quinta seção do html*/
    color: #000;
    font-family: poppinsLight;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 148.553%;
    /* 26.739px */
    letter-spacing: 1.26px;
    height: 250px;
  }

  a {
    /*configura o botão de link da quinta seção*/
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    border-radius: 0 80px;
    border: 1px solid #000;
    text-decoration: none;
    color: black;
    margin-left: 120px;
    font-size: 25px;
    justify-content: center;
    font-family: poppinsSemiBold;
    align-items: center;
  }

  a:hover {
    /*configura o botao o houver do botão que ao passar o mouse ele mudara  */
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    align-items: center;
    border-radius: 0 80px;
    border: 1px solid #FFF;
    text-decoration: none;
    color: white;
    background-color: #348145;
  }

  img {
    /*configura a imagem da quinta seção*/
    width: 604px;
    height: 350px;
    flex-shrink: 0;
    border-radius: 0 30px;
    border: 1px solid #000;
    background: url(../imagens/ecoedu.png) lightgray 50% / cover no-repeat;
    box-shadow: 6px 6px 0 0 #000;
  }

  .botaocelular {
    display: none;
  }
}

.secao2 {
  /*configura o o texto e a imagem e o fundo da segunda divisão */
  display: flex;
  margin-top: 25px;
  padding-top: 25px;
  justify-content: space-between;
  padding-left: 100px;
  padding-right: 100px;
  color: white;
  font-family: poppinsBold;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 148.553%;
  letter-spacing: 2.24px;
  gap: 160px;
  background-color: #348145;
  height: 450px;


  .texto {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  p {
    /*configura o texto da quarta seção do html*/
    color: white;
    font-family: poppinsLight;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 148.553%;
    letter-spacing: 1.26px;
    height: 250px;
    width: auto;
  }

  a {
    /*configura o botão de link da quarta seção*/
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    border-radius: 80px 0;
    border: 1px solid #FFF;
    text-decoration: none;
    color: white;
    margin-left: 120px;
    font-size: 25px;
    justify-content: center;
    font-family: poppinsSemiBold;
    align-self: center;
    align-items: center;
  }

  a:hover {
    /*configura o botao o houver do botão que ao passar o mouse ele mudara  */
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    align-items: center;
    border-radius: 80px 0;
    border: 1px solid #000;
    background: #F5F5CC;
    text-decoration: none;
    color: black;
  }

  img {
    /*configura a imagem da quarta seção*/
    width: 604px;
    height: 350px;
    flex-shrink: 0;
    border-radius: 30px 0;
    border: 1px solid #000;
    background: url(../imagens/ecoshop.gif) lightgray 50% / cover no-repeat;
    box-shadow: -6px 6px 0 0 #000;
  }

  .botaocelular2 {
    display: none;
  }
}

.secao3 {
  display: flex;
  justify-content: space-between;
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 25px;
  color: #000;
  font-family: poppinsBold;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 148.553%;
  letter-spacing: 2.24px;
  gap: 160px;

  .texto {
    display: flex;
    flex-direction: column;
    justify-content: center;

  }

  p {
    /*configura o texto da quinta seção do html*/
    color: #000;
    font-family: poppinsLight;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 148.553%;
    /* 26.739px */
    letter-spacing: 1.26px;
    height: 250px;
  }

  a {
    /*configura o botão de link da quinta seção*/
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    border-radius: 0 80px;
    border: 1px solid #000;
    text-decoration: none;
    color: black;
    margin-left: 120px;
    font-size: 25px;
    justify-content: center;
    font-family: poppinsSemiBold;
    align-items: center;
  }

  a:hover {
    /*configura o botao o houver do botão que ao passar o mouse ele mudara  */
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    align-items: center;
    border-radius: 0 80px;
    border: 1px solid #FFF;
    text-decoration: none;
    color: white;
    background-color: #348145;
  }

  img {
    /*configura a imagem da quinta seção*/
    width: 604px;
    height: 350px;
    flex-shrink: 0;
    border-radius: 0 30px;
    border: 1px solid #000;
    background: url(../imagens/ecoshare.gif) lightgray 50% / cover no-repeat;
    box-shadow: 6px 6px 0 0 #000;
  }

  .botaocelular {
    display: none;
  }

}


.secao4 {
  /*configura o o texto e a imagem e o fundo da quarta divisão */
  display: flex;
  margin-top: 25px;
  padding-top: 25px;
  justify-content: space-between;
  padding-left: 100px;
  padding-right: 100px;
  color: white;
  font-family: poppinsBold;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 148.553%;
  letter-spacing: 2.24px;
  gap: 160px;
  background-color: #348145;
  height: 450px;


  .texto {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  p {
    /*configura o texto da quarta seção do html*/
    color: white;
    font-family: poppinsLight;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 148.553%;
    letter-spacing: 1.26px;
    height: 250px;
    width: auto;
  }

  a {
    /*configura o botão de link da quarta seção*/
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    border-radius: 80px 0;
    border: 1px solid #FFF;
    text-decoration: none;
    color: white;
    margin-left: 120px;
    font-size: 25px;
    justify-content: center;
    font-family: poppinsSemiBold;
    align-items: center;
    align-self: center;
  }

  a:hover {
    /*configura o botao o houver do botão que ao passar o mouse ele mudara  */
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    align-items: center;
    border-radius: 80px 0;
    border: 1px solid #000;
    background: #F5F5CC;
    text-decoration: none;
    color: black;
  }

  img {
    /*configura a imagem da quarta seção*/
    width: 604px;
    height: 350px;
    flex-shrink: 0;
    border-radius: 30px 0;
    border: 1px solid #000;
    background: url(../imagens/ECOHelp.png) lightgray 50% / cover no-repeat;
    box-shadow: -6px 6px 0 0 #000;
  }

  .botaocelular2 {
    display: none;
  }
}

.secao5 {
  /*configura o o texto e a imagem e o fundo da quinta divisão */
  display: flex;
  justify-content: space-between;
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 25px;
  color: #000;
  font-family: poppinsBold;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 148.553%;
  letter-spacing: 2.24px;
  gap: 160px;

  .texto {
    display: flex;
    flex-direction: column;
    justify-content: center;

  }

  p {
    /*configura o texto da quinta seção do html*/
    color: #000;
    font-family: poppinsLight;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 148.553%;
    /* 26.739px */
    letter-spacing: 1.26px;
    height: 250px;
  }

  a {
    /*configura o botão de link da quinta seção*/
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    border-radius: 0 80px;
    border: 1px solid #000;
    text-decoration: none;
    color: black;
    margin-left: 120px;
    font-size: 25px;
    justify-content: center;
    font-family: poppinsSemiBold;
    align-items: center;
  }

  a:hover {
    /*configura o botao o houver do botão que ao passar o mouse ele mudara  */
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    align-items: center;
    border-radius: 0 80px;
    border: 1px solid #FFF;
    text-decoration: none;
    color: white;
    background-color: #348145;
  }

  img {
    /*configura a imagem da quinta seção*/
    width: 604px;
    height: 350px;
    flex-shrink: 0;
    border-radius: 0 30px;
    border: 1px solid #000;
    background: url(../imagens/ECOCALc.png) lightgray 50% / cover no-repeat;
    box-shadow: 6px 6px 0 0 #000;
  }

  .botaocelular {
    display: none;
  }
}

.secao6 {
  /*configura o o texto e a imagem e o fundo da quinta divisão */
  display: flex;
  justify-content: center;
  padding-left: 100px;
  padding-right: 100px;
  margin-top: 25px;
  color: black;
  font-family: poppinsBold;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 148.553%;
  letter-spacing: 2.24px;
  gap: 160px;
  margin: auto;
  border-radius: 30px;
  padding-bottom: 10px;
  padding-top: 10px;

  .texto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  p {
    /*configura o texto da quinta seção do html*/
    color: black;
    font-family: poppinsLight;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 148.553%;
    /* 26.739px */
    letter-spacing: 1.26px;
    height: 100px;
    max-width: 600px;
    text-align: center;
  }

  a {
    /*configura o botão de link da quinta seção*/
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    border-radius: 80px 0;
    border: 1px solid #000;
    text-decoration: none;
    color: black;
    font-size: 25px;
    justify-content: center;
    font-family: poppinsSemiBold;
    align-items: center;
  }

  a:hover {
    /*configura o botao o houver do botão que ao passar o mouse ele mudara  */
    display: flex;
    width: 249px;
    height: 79px;
    padding: 12px 24px 10px 24px;
    align-items: center;
    border: 1px solid #FFF;
    text-decoration: none;
    color: white;
    background-color: #348145;
  }

  .botaocelular {
    display: none;
  }
}

@media (max-width: 1500px) {
  body {
    zoom: 80%;
  }
}

@media (max-width: 600px) {
  /* Define estilos para telas com largura máxima de 600px */

  body {
    background-color: #F5F5CC;
    /* define a cor de fundo da pagina */
    background-image: url(../imagens/background.png);
    /*Coloca a imagem de fundo no começo da pagina*/
    background-repeat: no-repeat;
    /* define que a imagem de fundo não se repita */
    background-size: auto;
    /* define que a imagem de fundo ocupe 100% da largura da pagina */
    overflow-x: hidden;
    /* desativa o rolamento horizontal da tela */
    zoom: 100%;
  }

  header {
    position: relative;
    /* define a posição relativa para o cabeçalho */
    width: auto;
    /* define a largura do cabeçalho para 100% */
    height: 90vh;
    /* define a altura do cabeçalho para 100% da altura da viewport que é a area visivel de acordo com o dispositivo que esta sendo utilizado para ver o site*/
  }

  /* Define estilos para telas com largura máxima de 600px */
  .center-logo {
    position: absolute;
    /* define a posição absoluta para a logo central do cabeçalho */
    top: 50%;
    /* define a posição vertical da logo central para 50% */
    left: 50%;
    /* define a posição horizontal esquerda da logo central para 50% */
    transform: translate(-50%, -50%);
    /* define a transformação da logo central para que ela fique centralizada */
    width: 240px;
    height: 197.818px;
  }

  .bemvindo {
    background-color: #348145;
    /**/
    color: white;
    text-align: center;
    padding: 30px 20px;
    border-radius: 40px 40px 0 0;
    position: relative;
  }

  .bemvindo h1 {
    /*configura o texto de boas vindas*/
    color: #FFF;
    text-align: center;
    font-size: 25px;
    line-height: 100%;
    font-family: poppinsBold;
  }

  .bemvindo .ponto {
    /*configura o ponto abaixo do bem vindo*/
    width: 18px;
    height: 18px;
    background-color: white;
    border-radius: 50%;
    margin: 10px auto;
  }

  .bemvindo p {
    /*configura o texto abaixo do bem vindo e o ponto*/
    color: #FFF;
    text-align: center;
    font-size: 20px;
    line-height: 100%;
    font-family: poppinsMedium;
  }

  .secao1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin-top: 32px;
    margin: auto;
    color: #000;
    font-family: poppinsBold;
    line-height: 148.553%;
    letter-spacing: 2.24px;
    background-color: #F5F5CC;
    gap: 20px;
    padding-bottom: 20px;

    .texto {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      padding-bottom: 10px;
      text-align: center;
      order: 1;
    }

    p {
      align-items: center;
      color: #000;
      font-family: poppinsLight;
      line-height: 148.553%;
      letter-spacing: 1.26px;
      height: 250px;
      font-size: 20px;
      width: 395px;
      padding-bottom: 20px;
    }

    img {
      width: 390px;
      height: 226px;
      border-radius: 0 30px;
      margin-top: 20px;
      border: 1px solid #000;
      background: url(../imagens/ecoedu.png) lightgray 50% / cover no-repeat;
      box-shadow: 6px 6px 0 0 #000;
      order: 2;
    }


    .botaocelular {
      display: flex;
      width: 249px;
      height: 79px;
      padding: 12px 24px 10px 24px;
      border-radius: 0 80px;
      border: 1px solid #000;
      text-decoration: none;
      color: black;
      margin-top: 40px;
      margin-left: 0%;
      font-size: 25px;
      font-family: poppinsSemiBold;
      order: 3;
      /* botão por último */
    }

    .botaocelular:hover {
      display: flex;
      width: 249px;
      height: 79px;
      padding: 12px 24px 10px 24px;
      align-items: center;
      border-radius: 0 80px;
      border: 1px solid #FFF;
      text-decoration: none;
      margin-top: 40px;
      margin-left: 0%;
      color: white;
      background-color: #348145;
    }

    a {
      display: none;
    }

    a:hover {
      display: none;
    }
  }

  .secao2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin-top: 32px;
    margin: auto;
    color: white;
    font-family: poppinsBold;
    line-height: 148.553%;
    letter-spacing: 2.24px;
    background-color: #348145;
    padding-bottom: 20px;
    gap: 0px;
    width: auto;
    height: 650px;


    .texto {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      padding-bottom: 10px;
      text-align: center;
      order: 1;
    }

    p {
      align-items: center;
      font-family: poppinsLight;
      line-height: 148.553%;
      letter-spacing: 1.26px;
      height: 50px;
      font-size: 20px;
      width: 395px;
      padding-bottom: 50px;
    }

    img {
      width: 390px;
      height: 226px;
      border-radius: 0 30px;
      margin-top: 20px;
      border: 1px solid #000;
      background: url(../imagens/ecoshop.gif) lightgray 50% / cover no-repeat;
      box-shadow: 6px 6px 0 0 #000;
      order: 2;
    }


    .botaocelular2 {
      display: flex;
      width: 249px;
      height: 79px;
      padding: 12px 24px 10px 24px;
      border-radius: 80px 0;
      border: 1px solid #FFF;
      text-decoration: none;
      color: white;
      margin-left: 0%;
      margin-top: 0px;
      font-size: 25px;
      justify-content: center;
      font-family: poppinsSemiBold;
      align-items: center;
      order: 3;
      /* botão por último */
    }

    .botaocelular2:hover {
      display: flex;
      width: 249px;
      height: 79px;
      padding: 12px 24px 10px 24px;
      border-radius: 80px 0;
      border: 1px solid #FFF;
      text-decoration: none;
      color: black;
      margin-left: 0%;
      font-size: 25px;
      justify-content: center;
      font-family: poppinsSemiBold;
      align-items: center;
    }

    a {
      display: none;
    }

    a:hover {
      display: none;
    }
  }

  .secao3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin-top: 32px;
    margin: auto;
    color: #000;
    font-family: poppinsBold;
    line-height: 148.553%;
    letter-spacing: 2.24px;
    background-color: #F5F5CC;
    gap: 20px;
    padding-bottom: 20px;

    .texto {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      padding-bottom: 10px;
      padding-top: 20px;
      text-align: center;
      order: 1;
    }

    p {
      align-items: center;
      color: #000;
      font-family: poppinsLight;
      line-height: 148.553%;
      letter-spacing: 1.26px;
      height: 200px;
      font-size: 20px;
      width: 395px;
      padding-bottom: 20px;
    }

    img {
      width: 390px;
      height: 226px;
      border-radius: 0 30px;
      margin-top: 20px;
      border: 1px solid #000;
      background: url(../imagens/ecoshare.gif) lightgray 50% / cover no-repeat;
      box-shadow: 6px 6px 0 0 #000;
      order: 2;
    }


    .botaocelular {
      display: flex;
      width: 249px;
      height: 79px;
      padding: 12px 24px 10px 24px;
      border-radius: 0 80px;
      border: 1px solid #000;
      text-decoration: none;
      color: black;
      margin-top: 40px;
      margin-left: 0%;
      font-size: 25px;
      font-family: poppinsSemiBold;
      order: 3;
      /* botão por último */
    }

    .botaocelular:hover {
      display: flex;
      width: 249px;
      height: 79px;
      padding: 12px 24px 10px 24px;
      align-items: center;
      border-radius: 0 80px;
      border: 1px solid #FFF;
      text-decoration: none;
      margin-top: 40px;
      margin-left: 0%;
      color: white;
      background-color: #348145;
    }

    a {
      display: none;
    }

    a:hover {
      display: none;
    }
  }

  .secao4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin-top: 32px;
    margin: auto;
    color: white;
    font-family: poppinsBold;
    line-height: 148.553%;
    letter-spacing: 2.24px;
    background-color: #348145;
    padding-bottom: 20px;
    gap: 20px;
    width: auto;
    height: 723px;


    .texto {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      padding-bottom: 10px;
      text-align: center;
      order: 1;
    }

    p {
      align-items: center;
      font-family: poppinsLight;
      line-height: 148.553%;
      letter-spacing: 1.26px;
      height: 200px;
      font-size: 20px;
      width: 395px;
      padding-bottom: 20px;
    }

    img {
      width: 390px;
      height: 226px;
      border-radius: 0 30px;
      margin-top: 20px;
      border: 1px solid #000;
      background: url(../imagens/ECOHelp.png) lightgray 50% / cover no-repeat;
      box-shadow: 6px 6px 0 0 #000;
      order: 2;
    }


    .botaocelular2 {
      display: flex;
      width: 249px;
      height: 79px;
      padding: 12px 24px 10px 24px;
      border-radius: 80px 0;
      border: 1px solid #FFF;
      text-decoration: none;
      color: white;
      margin-left: 0%;
      margin-top: 40px;
      font-size: 25px;
      justify-content: center;
      font-family: poppinsSemiBold;
      align-items: center;
      order: 3;
      /* botão por último */
    }

    .botaocelular2:hover {
      display: flex;
      width: 249px;
      height: 79px;
      padding: 12px 24px 10px 24px;
      border-radius: 80px 0;
      border: 1px solid #FFF;
      text-decoration: none;
      color: black;
      margin-left: 0%;
      font-size: 25px;
      justify-content: center;
      font-family: poppinsSemiBold;
      align-items: center;
    }

    a {
      display: none;
    }

    a:hover {
      display: none;
    }
  }

  .secao5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin-top: 32px;
    margin: auto;
    color: #000;
    font-family: poppinsBold;
    line-height: 148.553%;
    letter-spacing: 2.24px;
    background-color: #F5F5CC;
    gap: 0px;
    padding-bottom: 20px;

    .texto {
      display: flex;
      padding-top: 20px;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      padding-bottom: 10px;
      text-align: center;
      order: 1;
    }

    p {
      align-items: center;
      color: #000;
      font-family: poppinsLight;
      line-height: 148.553%;
      letter-spacing: 1.26px;
      height: 250px;
      font-size: 20px;
      width: 395px;
      padding-bottom: 20px;
    }

    img {
      width: 390px;
      height: 226px;
      border-radius: 0 30px;
      margin-top: 20px;
      border: 1px solid #000;
      background: url(../imagens/ECOCALc.png) lightgray 50% / cover no-repeat;
      box-shadow: 6px 6px 0 0 #000;
      order: 2;
    }


    .botaocelular {
      display: flex;
      width: 249px;
      height: 79px;
      padding: 12px 24px 10px 24px;
      border-radius: 0 80px;
      border: 1px solid #000;
      text-decoration: none;
      color: black;
      margin-top: 40px;
      margin-left: 0%;
      font-size: 25px;
      font-family: poppinsSemiBold;
      order: 3;
      /* botão por último */
    }

    .botaocelular:hover {
      display: flex;
      width: 249px;
      height: 79px;
      padding: 12px 24px 10px 24px;
      align-items: center;
      border-radius: 0 80px;
      border: 1px solid #FFF;
      text-decoration: none;
      margin-top: 40px;
      margin-left: 0%;
      color: white;
      background-color: #348145;
    }

    a {
      display: none;
    }

    a:hover {
      display: none;
    }
  }

  .secao6 {


    p {
      width: 500px;
    }
  }

}