/* Background estático da Hero da Home. */
.hero {
  background: #030407;
  min-height: 80dvh !important;
  padding: 80px 0 82px !important;
  border-radius: 0 0 50% 50% / 0 0 18px 18px;
}

main#conteudo { background: #050507; }

.hero .hero-background {
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 118%;
  object-fit: cover;
  object-position: center top;
  pointer-events: none;
  user-select: none;
}

.hero .display {
  line-height: 1.06 !important;
  padding-bottom: .12em;
  overflow: visible;
}

.hero::before {
  z-index: -1;
  background: linear-gradient(90deg, rgba(3,4,7,.84), rgba(3,4,7,.48) 48%, rgba(3,4,7,.40));
}

@media (max-width: 620px) {
  body.home-page .hero {
    min-height: auto !important;
    padding: 108px 0 142px !important;
    border-radius: 0 0 50% 50% / 0 0 10px 10px;
  }
  .hero .hero-background { object-position: center top; }
  .hero .display { line-height: 1.07 !important; }
  .hero::before { background: rgba(3,4,7,.58); }
}