.hero {
  position: relative;
  padding: 96px 0 76px;
  overflow: hidden;
}

.hero-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, #DAD8CE 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 20%, black 30%, transparent 75%);
  opacity: .55;
  pointer-events: none;
}

.hero-inner {
  position: relative;
  max-width: 1100px;
}


.hero-main-title {
  margin-top: 22px;
}

.hero-main-subt{
  margin-top: 16px;
}

.hero p.lede {
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.6;
  color: var(--ink-soft);
  max-width: 580px;
}

.hero-actions {
  display: flex;
  gap: 12px;
  margin-top: 34px;
}

.hero-actions .btn {
  padding: 11px 22px;
  font-size: 14.5px;
}

/* MOBILE */

@media (max-width: 480px) {
  .hero {
    padding: 64px 0 48px; /* Redução proporcional para mobile */
  }

  .hero-actions {
    flex-direction: column; /* Empilha os botões para evitar quebra de layout */
    gap: 16px;
  }

  .hero-actions .btn {
    width: 100%; /* Garante área de toque adequada e preenchimento da largura */
    text-align: center;
  }

  .hero-main-subt {
    font-size: 18px; /* Ajuste leve para melhor harmonia visual */
  }
}