body {
    background-color: #03031d;
    color: #fff;
    font-size: 1vw;
    line-height: 1.1;
}

/* container do hero limita a imagem de fundo */
.hero {
  position: relative;
  min-height: 60vh;       /* ajuste conforme desejar */
  padding: 80px 16px;     /* espaço para o conteúdo respirar */
  overflow: hidden;       /* impede a imagem de “vazar” */
}

/* garante que o conteúdo fique acima da imagem */
.hero-content {
  position: relative;
  z-index: 2;
}

.image-logo-header {
  height: 60px;
  width: auto;
  display: block;
  object-fit: contain;
}

@media (max-width: 768px) {
  .image-logo-header {
    height: 32px;
  }
}

.background-image-lead {
    position: absolute;
    inset: 0;
    object-fit: cover;
    z-index: 1;
    opacity: 0.4;
    pointer-events: none;
}
