/* ===============================
   Animaciones globales y neón
   =============================== */

   body {
  animation: fadeIn 1.2s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}


/* Fade-in general */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Brillo neón pulsante */
@keyframes neonPulse {
  0%, 100% {
    text-shadow: 0 0 10px #ff004f, 0 0 20px #ff004f, 0 0 30px #ff004f;
  }
  50% {
    text-shadow: 0 0 20px #0ff, 0 0 30px #0ff, 0 0 50px #ff004f;
  }
}

.neon {
  animation: neonPulse 2.5s infinite alternate;
}

/* Botón flotante al pasar */
.btn-whatsapp {
  transition: transform 0.3s ease, background 0.3s ease;
}

.btn-whatsapp:hover {
  transform: scale(1.05);
  background: #1ebe5d;
}