/* Estilos responsive */
@media (max-width: 768px) {
  #hero .logo {
    font-size: 3rem;
  }

  #hero .menu {
    flex-direction: column;
    gap: 1rem;
  }

  #projects {
    grid-template-columns: 1fr;
  }

  #news {
    flex-direction: column;
    align-items: center;
  }

  #about {
    grid-template-columns: 1fr;
  }

  #clients {
    flex-direction: column;
    align-items: center;
  }
}