/* Hero em imagem — fidelidade visual à arte aprovada */
.hero.hero-image-mode {
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden;
  background: #061633 !important;
}
.hero.hero-image-mode::before,
.hero.hero-image-mode::after { display: none !important; }
.hero-image-wrap {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.hero-art {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
}
.hero-overlay-btn {
  position: absolute;
  z-index: 5;
  display: block;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}
.hero-btn-solutions {
  left: 30.35%;
  top: 74.45%;
  width: 21.15%;
  height: 8.15%;
}
.hero-btn-how {
  left: 52.75%;
  top: 74.45%;
  width: 17.55%;
  height: 8.15%;
}
.hero-overlay-btn:hover {
  box-shadow: 0 0 0 2px rgba(255,255,255,.18), 0 0 22px rgba(92,77,255,.20);
}
.hero-overlay-btn:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
@media (max-width: 720px) {
  .hero-image-wrap {
    width: 720px;
    max-width: none;
    left: 50%;
    transform: translateX(-50%);
  }
}