.hero {
  width: 100%;
  min-height: 60vh; /* altura boa pra desktop */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 80px 20px; /* deixa espaço para o header fixo */
}

.hero .section-content h2 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.hero .section-content p {
  font-size: 1.2rem;
  opacity: 0.8;
}

/* MOBILE */
@media (max-width: 600px) {
  .hero {
    min-height: 65vh;
    padding-top: 300px; /* Header fixo */
  }

  .hero .section-content h2 {
    font-size: 1.8rem;
  }

  .hero .section-content p {
    font-size: 1rem;
  }
}