/* GLAM V384 - la hero Esperienze deve avere sempre immagine sotto titolo e testi leggibili */
.gt-exp-hero,
body.gt-exp-page .gt-exp-hero{
  position:relative!important;
  min-height:560px!important;
  padding:132px 22px 86px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  isolation:isolate!important;
  color:#fff!important;
  text-align:center!important;
  background:#0b1714!important;
}
.gt-exp-hero::before,
body.gt-exp-page .gt-exp-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  background:
    url('/assets/img/foto-gallipoli-panoramica-tramonto.jpg') center center/cover no-repeat!important;
  transform:scale(1.025)!important;
}
.gt-exp-hero::after,
body.gt-exp-page .gt-exp-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  display:block!important;
  pointer-events:none!important;
  height:auto!important;
  background:
    linear-gradient(90deg,rgba(4,13,11,.86) 0%,rgba(4,13,11,.58) 48%,rgba(4,13,11,.18) 100%),
    linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.58) 100%)!important;
}
.gt-exp-hero > div,
body.gt-exp-page .gt-exp-hero > div{
  position:relative!important;
  z-index:1!important;
  width:min(980px,100%)!important;
  max-width:980px!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.gt-exp-hero h1,
.gt-exp-hero p,
.gt-exp-hero span,
.gt-exp-kicker{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 4px 20px rgba(0,0,0,.50)!important;
}
.gt-exp-hero h1{
  margin:.16em auto .24em!important;
  font-size:clamp(2.6rem,6vw,5.4rem)!important;
  line-height:.95!important;
}
.gt-exp-hero h1::after{
  content:""!important;
  display:block!important;
  width:112px!important;
  height:3px!important;
  margin:22px auto 0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#4a8619,#d4a04c,rgba(212,160,76,0))!important;
  box-shadow:0 0 18px rgba(212,160,76,.22)!important;
}
.gt-exp-hero p:not(.gt-exp-kicker){
  max-width:760px!important;
  margin:0 auto 26px!important;
  font-size:clamp(1.05rem,2vw,1.32rem)!important;
  line-height:1.58!important;
}
.gt-exp-kicker{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 auto 14px!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.28)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
}
.gt-exp-btn:not(.alt),
.gt-actions .gt-btn:not(.light){
  background:#4a8619!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#4a8619!important;
}
.gt-exp-btn.alt,
.gt-btn.light{
  background:#fff!important;
  color:#14352a!important;
  -webkit-text-fill-color:#14352a!important;
  text-shadow:none!important;
}
@media(max-width:720px){
  .gt-exp-hero{min-height:500px!important;padding:112px 18px 70px!important;text-align:left!important;align-items:flex-end!important}
  .gt-exp-hero h1::after{margin-left:0!important;margin-right:0!important}
  .gt-exp-hero p:not(.gt-exp-kicker){margin-left:0!important;margin-right:0!important}
  .gt-exp-actions{justify-content:flex-start!important}
}