.fundo-geral {
  background-color: #e6ffff;
  text-align: center;
}

/* FAIXAS SUPERIORES DO LAYOUT */
.fundo-geral .header-banner {
  position: relative;
  padding-top: 0px;
  overflow: hidden;
  text-align: center;
  display: inline-block;
}

.fundo-geral .stripe-grid {
  position: absolute;
  top: 0px;
  left: 0%;
  width: 100%;
  height: 100%;
  transform: skewY(-11deg);
}

.fundo-geral .zero {
  height: 200px;
  width: 100%;
  top: -50%;
  background-color: #b3e6ff;
  overflow: hidden;
}

.fundo-geral .firstsuperior {
  height: 20px;
  width: 60%;
  left: 0%;
  background: linear-gradient(90deg, #b3d9ff, #cceeff);
}

.fundo-geral .second {
  right: 0%;
  width: 25%;
  top: 25%;
  height: 65px;
  background: linear-gradient(90deg, #80d4ff, #b3e6ff);
}

.fundo-geral .third {
  bottom: 0%;
  width: 50%;
  right: 0px;
  background: linear-gradient(90deg, #009dab, #b3e6ff);
  height: 10px;
}

.fundo-geral .fourth {
  height: 20px;
  bottom: 0%;
  width: 65%;
  left: 0%;
  background: linear-gradient(90deg, #ccffff, #ecf2f9);
}

/* CONTEÚDO (TEXTO + IMAGEM) */
.fundo-geral .content-wrap {
  position: relative;
  text-align: center;
  display: inline-block;
}

.fundo-geral .imagem_float_left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  box-shadow: 6px 6px 0px #009dab;
}

/* SAIBA MAIS (BOTÃO + TEXTO) */
.fundo-geral #saiba_mais {
  display: none;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.fundo-geral .saiba_mais_texto {
  border: 2px dotted #009dab;
  padding: 35px 35px 15px 35px;
  text-align: justify;
  position: relative;
}

.fundo-geral .column.middle {
  text-align: justify;
  display: inline-block;
  padding: 20px;
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}

.fundo-geral .botao_saiba_mais {
  background-color: #ccffff;
  transition-duration: 0.4s;
  padding: 2px 350px;
  text-decoration: none;
  animation: shadow-pulse 1s 3;
  color: #00757f;
  cursor: pointer;
}

.fundo-geral .botao_saiba_mais:hover {
  background-color: #009dab;
  color: white;
  text-decoration: none;
}

.fundo-geral .botao_wrap {
  top: 10px;
}

/* FOOTER (FAIXAS DO LAYOUT INFERIORES + RODAPÉ) */
.fundo-geral .footer {
  /*padding: 50px;*/
  /*margin-right: 50px; */
  padding-bottom: 25px;
  text-align: right;
  position: relative;
  top: 0px;
  background: #e6ffff;
  overflow: hidden;
}

.fundo-geral .grade_rodape {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: skewY(-11deg);
}

.fundo-geral .primeiro {
  position: relative;
  height: 20%;
  width: 80%;
  bottom: -80%;
  background-color: #b3e6ff;
}

.fundo-geral .segundo {
  position: relative;
  height: 7%;
  width: 80%;
  bottom: -80%;
  background: linear-gradient(90deg, #b3e6ff, #009dab);
}

.fundo-geral .terceiro {
  position: relative;
  height: 25%;
  width: 90%;
  bottom: -80%;
  background: linear-gradient(90deg, #b3e6ff, #80d4ff);
}

.fundo-geral .quarto {
  position: relative;
  height: 10%;
  width: 100%;
  bottom: -80%;
  background: linear-gradient(90deg, #ccffff, #ecf2f9);
}

.fundo-geral .footer-wrap {
  display: inline-block;
  margin-right: 50px;
  position: relative;
}

.fundo-geral .rodape_escrita-wrap {
  float: center;
  display: inline-block;
  text-align: center;
  position: relative;
  vertical-align: bottom;
  width: 80%;
}

/* ESTILO DE LETRAS */
.fundo-geral h1 {
  text-shadow: 1px 1px 0px #000000;
  color: #00757f;
}

.fundo-geral p {
  color: #00757f;
  font-size: 16px;
}

.fundo-geral .negrito {
  font-weight: bold;
}

.fundo-geral .fonte-rodape {
  font-size: 14px;
}