/* V293 - Barra de título das páginas mais limpa e profissional */

/* Neutraliza efeitos antigos que deixavam o topo pesado/estranho */
.page-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  margin:0 0 30px!important;
  padding:54px 0 46px!important;
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  background-color:var(--primary,#0f6cad)!important;
  background-image:
    linear-gradient(110deg,rgba(2,6,23,.76) 0%,rgba(2,6,23,.54) 42%,rgba(15,108,173,.38) 100%),
    var(--page-hero-image,linear-gradient(135deg,var(--primary,#0f6cad),#0f172a))!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
}

/* Remove ondas/máscaras/linhas antigas */
.page-hero::before,
.page-hero::after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  display:block!important;
  mask:none!important;
  -webkit-mask:none!important;
  background:none!important;
}

/* Brilho discreto no canto, sem barra preta */
.page-hero::before{
  width:360px!important;
  height:360px!important;
  right:-90px!important;
  top:-150px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%)!important;
  opacity:.75!important;
  z-index:1!important;
}

/* Faixa inferior suave, em vez de onda pesada */
.page-hero::after{
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)!important;
  z-index:2!important;
}

.page-hero > .container{
  position:relative!important;
  z-index:4!important;
  display:block!important;
}

/* Título mais bonito */
.page-hero h1{
  max-width:900px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(30px,4vw,48px)!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-shadow:0 10px 28px rgba(0,0,0,.24)!important;
}

/* Subtítulo mais legível */
.page-hero p{
  max-width:760px!important;
  margin:12px 0 0!important;
  color:rgba(255,255,255,.90)!important;
  font-size:clamp(15px,1.7vw,18px)!important;
  line-height:1.55!important;
  font-weight:650!important;
  text-shadow:0 6px 18px rgba(0,0,0,.22)!important;
}

/* Hover sem mexer no layout */
.page-hero,
.page-hero h1,
.page-hero p{
  transition:filter .22s ease, color .22s ease, text-shadow .22s ease!important;
}

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

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

/* Garante compatibilidade com heróis específicos */
.contato-hero,
.region-hero,
.ponto-hero,
.page-title-hero{
  position:relative!important;
  overflow:hidden!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Conteúdo logo após o topo não fica afastado demais */
.page-hero + .section,
.page-hero + main,
.page-hero + .content-page{
  margin-top:0!important;
}

/* Mobile */
@media(max-width:760px){
  .page-hero{
    margin:0 0 22px!important;
    padding:36px 0 32px!important;
    background-position:center center!important;
  }

  .page-hero::before{
    width:220px!important;
    height:220px!important;
    right:-70px!important;
    top:-90px!important;
    opacity:.55!important;
  }

  .page-hero h1{
    font-size:28px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }

  .page-hero p{
    margin-top:9px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }
}

@media(max-width:420px){
  .page-hero{
    padding:32px 0 28px!important;
  }

  .page-hero h1{
    font-size:25px!important;
  }
}