.hero-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-left: 1rem;  /* px-4 */
  padding-right: 1rem; /* px-4 */
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('/assets/light-hero-gradient.svg');
}

/* Modo escuro (O Chatwoot provavelmente usa a classe 'dark' no body ou html) */
.dark .hero-section {
  background-image: url('./assets/dark-hero-gradient.svg');
}