/* V257 - Preserva a imagem original da barra de títulos */

/*
  O V256 forçava default-hero.svg e por isso a imagem cadastrada/configurada sumia.
  Aqui removemos esse override e mantemos apenas os efeitos.
*/

.page-hero,
.contato-hero,
.region-hero,
.ponto-hero,
.page-title-hero{
  /* V260: removido para não esconder a imagem cadastrada */
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  position:relative!important;
  isolation:isolate!important;
}

/* Overlay sem apagar a imagem original */
.page-hero .container{
  position:relative!important;
  z-index:5!important;
}

/* escurecimento elegante sobre a imagem já existente */
.page-hero{
  box-shadow:
    inset 0 0 0 9999px rgba(2,6,23,.42),
    inset 0 -1px 0 rgba(255,255,255,.08)!important;
}

/* mantém efeitos sem trocar imagem */
.page-hero h1,
.page-hero p{
  position:relative!important;
  z-index:5!important;
  transition:transform .22s ease, text-shadow .22s ease, letter-spacing .22s ease!important;
}

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

.page-hero:hover h1{
  transform:translateY(-2px)!important;
  text-shadow:0 10px 26px rgba(0,0,0,.30)!important;
  letter-spacing:.01em!important;
}

.page-hero:hover p{
  transform:translateY(-1px)!important;
  text-shadow:0 8px 18px rgba(0,0,0,.22)!important;
}

/* brilho suave sem substituir o background */
.page-hero > .container::before{
  content:""!important;
  position:absolute!important;
  width:260px!important;
  height:260px!important;
  right:8%!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 64%)!important;
  z-index:-1!important;
  opacity:.65!important;
  transition:transform .35s ease, opacity .35s ease!important;
}

.page-hero > .container::after{
  content:""!important;
  position:absolute!important;
  inset:-40px -80px -40px auto!important;
  width:42%!important;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent)!important;
  transform:skewX(-18deg) translateX(24%)!important;
  z-index:-1!important;
  opacity:.65!important;
  transition:transform .35s ease, opacity .35s ease!important;
}

.page-hero:hover > .container::before{
  transform:translateY(-50%) scale(1.12)!important;
  opacity:.9!important;
}

.page-hero:hover > .container::after{
  transform:skewX(-18deg) translateX(-6%)!important;
  opacity:.95!important;
}

/* Se o topo não tiver imagem cadastrada, mantém um degradê bonito como fallback */
.page-hero:not([style*="background"]):not([style*="image"]){
  /* V260: fallback controlado em page-hero-image-hover-fix-v260.css */
}

/* Mobile sem fixed para não travar */
@media(max-width:760px){
  .page-hero,
  .contato-hero,
  .region-hero,
  .ponto-hero,
  .page-title-hero{
    background-attachment:scroll!important;
  }

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

  .page-hero > .container::before{
    width:180px!important;
    height:180px!important;
    right:-20px!important;
    opacity:.44!important;
  }

  .page-hero > .container::after{
    width:60%!important;
    opacity:.32!important;
  }
}