.hero-interno {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 64rem;
  padding-block: 20rem 9.6rem;
  background-color: var(--azul-principal);
  color: var(--branco);
  overflow: hidden;
}

/* Sem foto/vídeo (páginas padrão): não precisa da altura de vitrine, só do espaço do cabeçalho em cima. */
.hero-interno--sem-midia {
  min-height: 0;
  padding-block: 18rem 6.4rem;
}

.hero-interno__sobreposicao {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(to bottom, transparent, var(--azul-noite-75)),
    linear-gradient(to right, var(--azul-noite-92), var(--azul-noite-60) 55%, var(--azul-noite-20));
}

.hero-interno__conteudo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.8rem;
}

.hero-interno__titulo {
  max-width: 110rem;
}

/* balance: as duas linhas ficam parecidas, como no Figma, sem largura fixa por página. */
.hero-interno__descricao {
  max-width: 66.5rem;
  text-wrap: balance;
}

@media (max-width: 991px) {
  .hero-interno {
    min-height: 0;
    padding-block: 19rem 6rem;
  }

  .hero-interno--sem-midia {
    padding-block: 17rem 4rem;
  }

  .hero-interno__sobreposicao {
    background: linear-gradient(to bottom, var(--azul-noite-49), var(--azul-noite-83));
  }

  .hero-interno__conteudo {
    align-items: center;
    gap: 2rem;
    text-align: center;
  }
}