/* ==========================================================================
   Mente en Alerta - Micro-animaciones y Transiciones
   ========================================================================== */

/* Animación de flotado suave para la ilustración Hero */
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* Animación de destello suave para botones y badges */
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(38, 186, 140, 0.4);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(38, 186, 140, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(38, 186, 140, 0);
  }
}

.pulse-active {
  animation: pulseGlow 2s infinite;
}

/* Animación Fade In */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in {
  animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Transición de máquina de escribir o parpadeo del cursor */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.cursor-blink {
  animation: blink 1s infinite;
  color: var(--accent-mint);
  font-weight: bold;
}