.secao-capa {
  position: relative; /* Adiciona um contexto de posicionamento */
  width: 100vw; /* Ocupa 100% da largura da tela */
  height: 100vh; /* Ocupa 100% da altura da tela (opcional, se quiser tela cheia) */
  background-image: url('../img/img-capa.png'); /* Caminho da imagem */
  background-size: cover; /* Ajusta a imagem para cobrir toda a div */
  background-position: center; /* Centraliza a imagem */
  background-repeat: no-repeat; /* Impede a repetição da imagem */
}

.secao-capa::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(29, 28, 28, 0.4); /* Overlay com transparência */
  z-index: 0; /* Garante que o overlay fique atrás do conteúdo */
}

/* Estilo para garantir que o texto fique acima do overlay */
.position-relative {
  position: relative;
  z-index: 1; /* Coloca o texto acima do overlay */
}