/**
 * IA CONSULTING RD — Animaciones & Efectos Liquid Glass (iOS 27)
 * =====================================================================
 */

/* Pulso suave de resplandor neón */
@keyframes neonPulse {
  0%, 100% {
    box-shadow: 0 0 20px rgba(6, 182, 212, 0.4), 0 0 45px rgba(139, 92, 246, 0.25);
  }
  50% {
    box-shadow: 0 0 35px rgba(34, 211, 238, 0.7), 0 0 70px rgba(168, 85, 247, 0.45);
  }
}

/* Deformación líquida orgánica (Organic Liquid Blob Morphing estilo iOS 27) */
@keyframes liquidBlobMorph {
  0% {
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: rotate(0deg) scale(1);
  }
  33% {
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    transform: rotate(120deg) scale(1.05);
  }
  66% {
    border-radius: 35% 65% 60% 40% / 50% 65% 35% 50%;
    transform: rotate(240deg) scale(0.95);
  }
  100% {
    border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: rotate(360deg) scale(1);
  }
}

/* Movimiento flotante sutil para tarjetas y orbes */
@keyframes liquidFloat {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-10px) rotate(0.5deg);
  }
}

/* Destello especular de cristal líquido */
@keyframes liquidShimmer {
  0% {
    transform: translateX(-150%) skewX(-25deg);
  }
  40%, 100% {
    transform: translateX(250%) skewX(-25deg);
  }
}

/* Gradiente animado continuo para textos y badges */
@keyframes textGradientWave {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Pulso de estado en vivo */
@keyframes livePulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}

/* Clases utilitarias Liquid Glass */
.liquid-glow {
  animation: neonPulse 4s infinite ease-in-out;
}

.liquid-float {
  animation: liquidFloat 6s infinite ease-in-out;
}

.liquid-blob-1 {
  animation: liquidBlobMorph 20s infinite linear;
}

.liquid-blob-2 {
  animation: liquidBlobMorph 25s infinite linear reverse;
}

.liquid-sheen {
  position: relative;
  overflow: hidden;
}

.liquid-sheen::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 50%,
    transparent 100%
  );
  animation: liquidShimmer 6s infinite ease-in-out;
  pointer-events: none;
}