@media (max-width: 600px) {
  .header {
    padding: 0 20px;
  }
  .hero-section .titulo-hero {
    font-size: 2.5rem;
  }
  .hero-section .subtitulo-animado {
    font-size: 1.2rem;
  }
  #quienes-somos-top,
  #quienes-somos-bottom {
    flex-direction: column;
    align-items: center;
  }
  #quienes-somos-top .row-top img,
  #quienes-somos-bottom img {
    width: 100%;
    height: auto;
  }
  .servicios-grid {
    grid-template-columns: 1fr;
  }
  .servicio {
    margin: 0 auto;
  }
  .footer-container {
    padding: 20px;
  }
}