/* Ajustes específicos para o footer na versão mobile */
@media (max-width: 768px) {
  footer .flex.flex-col.lg\:flex-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  footer .lg\:w-1\/3 {
    width: 100%;
    margin-bottom: 2rem;
  }

  footer .flex.items-center.gap-4 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  footer .flex.items-center.gap-4 img {
    margin-bottom: 1rem;
    width: 140px;
  }

  footer .flex.items-center.gap-4 p {
    text-align: center;
    max-width: none;
  }

  footer .space-y-2 {
    text-align: center;
  }

  footer .flex.items-center.gap-2 {
    justify-content: center;
  }

  footer h3 {
    text-align: center;
  }

  footer .flex.gap-4 {
    justify-content: center;
  }
}