/* V256 - Barra de títulos com imagem fixa e efeitos hover */
.page-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  /* V257: background forçado removido para preservar imagem original */
  color:#fff!important;
  transition:filter .25s ease, transform .25s ease!important;
}

/* camada com textura/efeito visual */
.page-hero::marker{
  display:none!important;
}

.page-hero .container{
  position:relative!important;
  z-index:5!important;
}

.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;
}

/* brilho suave no fundo */
.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:.72!important;
  transition:transform .35s ease, opacity .35s ease!important;
}

/* detalhe diagonal premium */
.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:.75!important;
  transition:transform .35s ease, opacity .35s ease!important;
}

/* Hover da barra de títulos */
.page-hero:hover{
  filter:saturate(1.08) contrast(1.03)!important;
}

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

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

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

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

/* Efeito de borda inferior discreto combinando com as ondinhas */
.page-hero{
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)!important;
}

/* Compatibilidade: páginas com hero específico também recebem */
.contato-hero,
.region-hero,
.ponto-hero,
.page-title-hero{
  /* V257: background forçado removido para preservar imagem original */
}

/* Modo escuro mantém efeito sem exagero */
html.casttur-dark .page-hero{
  /* V257: background forçado removido para preservar imagem original */
}

/* Mobile: fixed costuma pesar em celular, então mantém visual fixo sem travar */
@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 > .container::before{
    width:180px!important;
    height:180px!important;
    right:-20px!important;
    opacity:.48!important;
  }

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

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