/* V260 - Corrige imagem da barra de títulos e remove espaços no hover */

/*
  Reativa a imagem cadastrada em Configurações:
  o header grava --page-hero-image:url(...).
  Versões anteriores colocaram background-image:initial e isso escondia a imagem.
*/
.page-hero,
.contato-hero,
.region-hero,
.ponto-hero,
.page-title-hero{
  background-image:
    linear-gradient(135deg,rgba(2,6,23,.62),rgba(2,58,102,.42)),
    var(--page-hero-image, linear-gradient(135deg,var(--primary,#0f6cad),#082f49))!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  background-color:var(--primary,#0f6cad)!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* Mantém as ondinhas, mas sem abrir espaço ou criar barra */
.page-hero{
  margin-bottom:28px!important;
}

/* Remove movimentos do hover que estavam criando espaços/folgas */
.page-hero:hover,
.page-hero:hover h1,
.page-hero:hover p,
.page-hero:hover > .container::before,
.page-hero:hover > .container::after{
  transform:none!important;
}

/* Hover bonito sem deslocar nada */
.page-hero{
  transition:filter .22s ease!important;
}

.page-hero:hover{
  filter:saturate(1.06) contrast(1.02)!important;
}

.page-hero h1,
.page-hero p{
  transform:none!important;
  transition:text-shadow .22s ease, letter-spacing .22s ease!important;
}

.page-hero:hover h1{
  text-shadow:0 10px 28px rgba(0,0,0,.32)!important;
  letter-spacing:.008em!important;
}

.page-hero:hover p{
  text-shadow:0 8px 20px rgba(0,0,0,.24)!important;
}

/* Brilho e detalhe ficam fixos, sem movimentar a largura do topo */
.page-hero > .container::before{
  content:""!important;
  position:absolute!important;
  width:230px!important;
  height:230px!important;
  right:6%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 66%)!important;
  z-index:-1!important;
  opacity:.70!important;
  pointer-events:none!important;
}

.page-hero > .container::after{
  content:""!important;
  position:absolute!important;
  inset:-40px -60px -40px auto!important;
  width:34%!important;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.075),transparent)!important;
  transform:skewX(-18deg)!important;
  z-index:-1!important;
  opacity:.60!important;
  pointer-events:none!important;
}

/* Garante que o conteúdo do título não seja coberto pela onda */
.page-hero > .container{
  position:relative!important;
  z-index:5!important;
}

/* Se algum CSS antigo tentou remover a imagem, esta regra ganha por estar carregada por último */
.page-hero[style],
.contato-hero[style],
.region-hero[style],
.ponto-hero[style],
.page-title-hero[style]{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Mobile: sem fixed para evitar bugs de navegador */
@media(max-width:760px){
  .page-hero,
  .contato-hero,
  .region-hero,
  .ponto-hero,
  .page-title-hero{
    background-attachment:scroll!important;
    background-position:center center!important;
  }

  .page-hero{
    margin-bottom:22px!important;
  }

  .page-hero > .container::before{
    width:160px!important;
    height:160px!important;
    right:-24px!important;
    opacity:.45!important;
  }

  .page-hero > .container::after{
    display:none!important;
  }

  .page-hero:hover,
  .page-hero:hover h1,
  .page-hero:hover p{
    transform:none!important;
  }
}