/* V253 - Ondinhas na margem inferior do topo das páginas */
.page-hero{
  position:relative!important;
  overflow:visible!important;
  margin-bottom:64px!important;
  border-bottom:0!important;
}

/* Onda saindo do topo da página para o conteúdo */
.page-hero::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-58px!important;
  height:74px!important;
  z-index:2!important;
  pointer-events:none!important;
  color:inherit!important;
  background:var(--page-hero-bg,#0b1220)!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='1440' height='110' viewBox='0 0 1440 110' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1440,0 L1440,42 C1310,30 1200,58 1070,46 C920,31 820,22 680,38 C530,55 416,68 260,48 C150,34 68,35 0,30 Z' fill='%23000'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg width='1440' height='110' viewBox='0 0 1440 110' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L1440,0 L1440,42 C1310,30 1200,58 1070,46 C920,31 820,22 680,38 C530,55 416,68 260,48 C150,34 68,35 0,30 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;
}

/* Linhas finas decorativas iguais ao rodapé */
.page-hero::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-50px!important;
  height:62px!important;
  z-index:3!important;
  pointer-events:none!important;
  opacity:.26!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:100% 100%!important;
  background-image:url("data:image/svg+xml,%3Csvg width='1440' height='90' viewBox='0 0 1440 90' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C68 35 150 34 260 48 C416 68 530 55 680 38 C820 22 920 31 1070 46 C1200 58 1310 30 1440 42' fill='none' stroke='%23ffffff' stroke-width='2.1' stroke-linecap='round'/%3E%3Cpath d='M80 38 C154 30 240 38 326 48' fill='none' stroke='%23ffffff' stroke-width='1.55' opacity='.62' stroke-linecap='round'/%3E%3Cpath d='M420 52 C510 60 600 46 682 38' fill='none' stroke='%23ffffff' stroke-width='1.45' opacity='.55' stroke-linecap='round'/%3E%3Cpath d='M910 42 C998 54 1080 54 1160 45' fill='none' stroke='%23ffffff' stroke-width='1.45' opacity='.55' stroke-linecap='round'/%3E%3Cpath d='M1210 38 C1290 32 1365 36 1440 42' fill='none' stroke='%23ffffff' stroke-width='1.45' opacity='.55' stroke-linecap='round'/%3E%3C/svg%3E")!important;
}

/* Garante que o conteúdo do topo fique por cima da decoração */
.page-hero > .container{
  position:relative!important;
  z-index:4!important;
}

/* Topos específicos que usam classe própria */
.contato-hero,
.region-hero,
.ponto-hero,
.page-title-hero{
  position:relative!important;
  overflow:visible!important;
}

/* Evita exagero quando algum topo aparece muito grudado em listagens */
.page-hero + .section,
.page-hero + main,
.page-hero + .content-page{
  position:relative!important;
  z-index:1!important;
}

/* Se o topo usa cor escura padrão sem variável, mantém o mesmo preto/azul escuro */
.page-hero{
  --page-hero-bg:#0b1220;
}

/* Mobile */
@media(max-width:760px){
  .page-hero{
    margin-bottom:48px!important;
  }

  .page-hero::after{
    bottom:-42px!important;
    height:56px!important;
  }

  .page-hero::before{
    bottom:-37px!important;
    height:48px!important;
    opacity:.22!important;
  }
}