/* Responsividade geral (exemplo) */
@media (max-width: 768px) {
  .hero-content {
    flex-direction: column;
    text-align: center;
  }
}