
/* V235 - Rodapé com onda superior limpa, usando a cor configurada do rodapé */
.footer-v210{
  position:relative!important;
  margin-top:74px!important;
  padding-top:76px!important;
  background:var(--footer-bg)!important;
  border-top:0!important;
  overflow:visible!important;
}

/* Remove o efeito anterior que parecia uma linha/tabela branca */
.footer-v210::before,
.footer-v210::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  pointer-events:none!important;
}

/* Onda principal: é a própria cor do rodapé subindo para dentro da área branca */
.footer-v210::before{
  top:-58px!important;
  height:82px!important;
  z-index:1!important;
  background:var(--footer-bg)!important;
  background-image:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.08), transparent 24%),
    radial-gradient(circle at 78% 34%, rgba(255,255,255,.06), transparent 22%)!important;
  -webkit-mask-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 48 C170 16 330 78 520 48 C708 18 880 8 1050 34 C1240 63 1368 82 1546 57 C1710 34 1832 43 1920 36 L1920 120 L0 120 Z' fill='%23000'/%3E%3C/svg%3E")!important;
  mask-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 48 C170 16 330 78 520 48 C708 18 880 8 1050 34 C1240 63 1368 82 1546 57 C1710 34 1832 43 1920 36 L1920 120 L0 120 Z' fill='%23000'/%3E%3C/svg%3E")!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
}

/* Detalhes finos iguais ao efeito de referência, mas discretos */
.footer-v210::after{
  top:-50px!important;
  height:68px!important;
  z-index:2!important;
  opacity:.24!important;
  background-repeat:no-repeat!important;
  background-position:center bottom!important;
  background-size:100% 100%!important;
  background-image:url("data:image/svg+xml,%3Csvg width='1920' height='100' viewBox='0 0 1920 100' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0 48 C170 18 330 74 520 48 C708 22 880 12 1050 36 C1240 64 1368 80 1546 58 C1710 38 1832 45 1920 38' fill='none' stroke='%23ffffff' stroke-width='2.2' opacity='.85'/%3E%3Cpath d='M76 42 C184 33 302 35 426 49' fill='none' stroke='%23ffffff' stroke-width='1.8' opacity='.65'/%3E%3Cpath d='M374 54 C470 61 558 58 650 45' fill='none' stroke='%23ffffff' stroke-width='1.7' opacity='.48'/%3E%3Cpath d='M862 30 C950 26 1032 32 1114 42' fill='none' stroke='%23ffffff' stroke-width='1.7' opacity='.52'/%3E%3Cpath d='M1248 68 C1350 80 1438 72 1512 58' fill='none' stroke='%23ffffff' stroke-width='1.6' opacity='.42'/%3E%3Cpath d='M1518 49 C1634 35 1728 40 1812 53' fill='none' stroke='%23ffffff' stroke-width='1.7' opacity='.50'/%3E%3C/svg%3E")!important;
}

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

/* tira qualquer sobra/linha criada pelo CSS anterior */
.footer-v210 > .container,
.footer-v210-inner{
  background:transparent!important;
}

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

  .footer-v210::before{
    top:-44px!important;
    height:66px!important;
  }

  .footer-v210::after{
    top:-38px!important;
    height:54px!important;
    opacity:.20!important;
  }
}
