
/* V234 - Efeito ondulado no topo do rodapé, usando a cor configurada */
.footer-v210{
  position:relative!important;
  margin-top:52px!important;
  padding-top:86px!important;
  overflow:visible!important;
  background:var(--footer-bg)!important;
}

/* Onda branca recortando o topo do rodapé */
.footer-v210::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-54px!important;
  height:78px!important;
  z-index:1!important;
  pointer-events:none!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  background-position:center bottom!important;
  background-image:url("data:image/svg+xml,%3Csvg width='1920' height='120' viewBox='0 0 1920 120' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0 58 C155 22 322 86 492 57 C666 27 832 5 1020 33 C1215 63 1320 96 1514 69 C1692 44 1804 59 1920 48 L1920 120 L0 120 Z' fill='%23ffffff'/%3E%3Cpath d='M0 67 C150 38 332 91 498 67 C673 42 840 16 1016 42 C1214 71 1322 105 1516 79 C1690 56 1810 69 1920 59' fill='none' stroke='%23ffffff' stroke-width='4' opacity='.95'/%3E%3Cpath d='M88 48 C180 38 294 41 410 52' fill='none' stroke='%23ffffff' stroke-width='3' opacity='.72'/%3E%3Cpath d='M606 58 C718 42 814 38 912 42' fill='none' stroke='%23ffffff' stroke-width='3' opacity='.72'/%3E%3Cpath d='M1348 58 C1446 44 1536 43 1640 51' fill='none' stroke='%23ffffff' stroke-width='3' opacity='.72'/%3E%3Cpath d='M1718 57 C1780 49 1854 49 1910 53' fill='none' stroke='%23ffffff' stroke-width='3' opacity='.72'/%3E%3C/svg%3E")!important;
}

/* Linhas finas no tom do rodapé, como no exemplo */
.footer-v210::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-44px!important;
  height:74px!important;
  z-index:2!important;
  pointer-events:none!important;
  opacity:.42!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  background-position:center bottom!important;
  background-image:url("data:image/svg+xml,%3Csvg width='1920' height='110' viewBox='0 0 1920 110' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0 58 C155 26 322 82 492 55 C666 28 832 8 1020 35 C1215 63 1320 94 1514 69 C1692 46 1804 59 1920 49' fill='none' stroke='%230f172a' stroke-width='2' opacity='.35'/%3E%3Cpath d='M94 49 C200 44 314 48 424 59' fill='none' stroke='%230f172a' stroke-width='2' opacity='.28'/%3E%3Cpath d='M376 55 C472 62 560 59 642 47' fill='none' stroke='%230f172a' stroke-width='2' opacity='.26'/%3E%3Cpath d='M872 33 C956 29 1030 36 1100 44' fill='none' stroke='%230f172a' stroke-width='2' opacity='.24'/%3E%3Cpath d='M1220 75 C1320 88 1426 78 1496 66' fill='none' stroke='%230f172a' stroke-width='2' opacity='.24'/%3E%3Cpath d='M1516 59 C1612 48 1700 52 1768 62' fill='none' stroke='%230f172a' stroke-width='2' opacity='.26'/%3E%3Cpath d='M1744 58 C1808 51 1870 52 1916 57' fill='none' stroke='%230f172a' stroke-width='2' opacity='.24'/%3E%3C/svg%3E")!important;
  mix-blend-mode:multiply!important;
}

.footer-v210 .footer-v210-inner{
  position:relative!important;
  z-index:3!important;
}

/* Remove linha reta antiga para o topo ficar realmente ondulado */
.footer-v210{
  border-top:0!important;
}

@media(max-width:760px){
  .footer-v210{
    margin-top:42px!important;
    padding-top:70px!important;
  }

  .footer-v210::before{
    top:-42px!important;
    height:62px!important;
  }

  .footer-v210::after{
    top:-35px!important;
    height:58px!important;
    opacity:.34!important;
  }
}
