/* mobile e tablets — recorta bonito */
.hero-bg {
  background-size: cover;
  background-position: center;
}

.hero-section {
  min-height: 60vh;
}

.font-display{font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}

@media (min-width: 1024px) {
  .hero-bg {
    background-size: 103%;
    background-position: center;
  }
  
  .hero-section {
    min-height: 55vh;
  }
}

.hero-parallax {
  will-change: transform;
  transition: transform 0.1s ease-out;
}

.bg-dots {
  --dot-color: #0D3B24;      /* ajuste a cor aqui */
  opacity: .12;              /* intensidade do padrão */
  background-image: radial-gradient(var(--dot-color) 1px, transparent 1px);
  background-size: 22px 22px;/* distância entre pontos */
  background-position: 0 0;
  pointer-events: none;      /* não intercepta cliques */
}

.bg-dots-light {
  --dot-color: #1B5E20;
  opacity: .08;
  background-size: 26px 26px;
}