.mobile-nav {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Animación del botón hamburguesa */
.mobile-menu-btn.active span:first-child {
  transform: rotate(45deg) translate(4px, 4px);
}

.mobile-menu-btn.active span:nth-child(2) {
  opacity: 1;
}

.mobile-menu-btn.active span:last-child {
  transform: rotate(-45deg) translate(-4px, 4px);
}