.footer {
  background-color: #0610a5;
}

.footer-content{
  background-color: #0610a5;
  color: aliceblue;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-content p{
  text-align: center;
}

section.ondas-box{
    position: relative;
    width: 100%;
    background-color: #0610a5;
}


#onda1{
  z-index:101;
  opacity:.9;
  background-position-x: 400px;
  animation: ondaAnimadaY 6s ease-in infinite alternate;
}
#onda1y{
  z-index:100;
  opacity:1;
  background-position-x: 400px;
  animation: ondaAnimadaY 3s ease-in infinite alternate;
}
#onda2{
  z-index:99;
  opacity:0.5;
  background-position-x: 300px;
  animation: ondaAnimadaY 8s ease-in infinite alternate;
}
#onda2y{
  z-index:99;
  opacity:0.5;
  background-position-x: -300px;
  animation: ondaAnimadaY 7s ease-in infinite alternate;
}
#onda3{
  z-index:98;
  opacity:0.2;
  background-position-x: 400px;
  animation: ondaAnimadaY 6s ease-in infinite alternate;
}
#onda3y{
  z-index:98;
  opacity:0.2;
  background-position-x: 200px;
  animation: ondaAnimadaY 4s ease-in infinite alternate;
}
#onda4{
  z-index:97;
  opacity:0.8;
  background-position-x: -350px;
  animation: ondaAnimadaY 5s ease-in infinite alternate;
}
#onda4y{
  z-index:97;
  opacity:0.8;
  background-position-x: 100px;
  animation: ondaAnimadaY 4s ease-in infinite alternate;
}


@keyframes ondaAnimadaY{
  0%{
    transform:translateY(0px);
  }
  50%{
    transform:translateY(10px);
  }
  100%{
    transform:translateY(20px);
  }
}

.fundo-parceiros {
  background-color: #ffffffcc; /* levemente translúcido */
  border-radius: 1rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
}

#movimento-parceiros {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  animation: flutuar 6s ease-in-out infinite;
  transform-origin: center;
}

@keyframes flutuar {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  25% {
    transform: translateY(-5px) rotate(1deg);
  }
  50% {
    transform: translateY(0px) rotate(-1deg);
  }
  75% {
    transform: translateY(5px) rotate(0.5deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}