/* =========================================================
   HERO PARTILHADO — TODAS AS PÁGINAS DE DOCUMENTOS
   O título começa sempre no mesmo ponto, independentemente
   do comprimento do título ou do número de linhas do subtítulo.
   ========================================================= */

.jfssm-document-hero.jfssm-document-hero {
  position: relative;
  isolation: isolate;
  min-height: 320px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(4,46,75,.88), rgba(4,46,75,.36)),
    var(--jfssm-document-hero-image, url("../../img/geral/hero/rio_mira2.JPG")) center 48% / cover no-repeat;
}

.jfssm-document-hero-inner.jfssm-document-hero-inner {
  display: block;
  min-height: 320px;
  padding-top: 132px;
  padding-bottom: 88px;
}

.jfssm-document-hero-copy {
  width: min(100%, 860px);
}

.jfssm-document-hero .jfssm-document-hero-copy h1 {
  margin: 0 0 10px;
  color: #fff;
  font: 800 clamp(2.7rem,4.5vw,4.15rem)/1 "Montserrat",sans-serif;
}

.jfssm-document-hero .jfssm-document-hero-copy p {
  margin: 0;
  max-width: 760px;
  color: #fff;
  font-size: clamp(1.05rem,1.6vw,1.35rem);
  line-height: 1.45;
}

.jfssm-document-waves.jfssm-document-waves {
  position: absolute;
  inset: auto 0 -1px;
  height: clamp(62px,7vw,100px);
  pointer-events: none;
}

.jfssm-document-waves svg {
  display: block;
  width: 100%;
  height: 100%;
}

.jfssm-document-wave-blue { fill: rgba(58,171,221,.84); }
.jfssm-document-wave-green { fill: rgba(35,151,73,.97); }
.jfssm-document-wave-white { fill: #f4faff; }

@media (max-width: 991px) {
  .jfssm-document-hero.jfssm-document-hero,
  .jfssm-document-hero-inner.jfssm-document-hero-inner {
    min-height: 305px;
  }

  .jfssm-document-hero-inner.jfssm-document-hero-inner {
    padding-top: 112px;
    padding-bottom: 82px;
  }

  .jfssm-document-hero-copy {
    width: min(100%, 760px);
  }
}

@media (max-width: 575px) {
  .jfssm-document-hero.jfssm-document-hero,
  .jfssm-document-hero-inner.jfssm-document-hero-inner {
    min-height: 285px;
  }

  .jfssm-document-hero-inner.jfssm-document-hero-inner {
    padding-top: 96px;
    padding-bottom: 76px;
  }

  .jfssm-document-hero .jfssm-document-hero-copy h1 {
    margin-bottom: 8px;
    font-size: clamp(2rem,10vw,2.8rem);
    line-height: 1.04;
  }

  .jfssm-document-hero .jfssm-document-hero-copy p {
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.42;
  }

  .jfssm-document-waves.jfssm-document-waves {
    height: 70px;
  }
}