/* ═══════════════════════════════════════════════════════════════
   GT Maquinaria — Dynamic color animations (all landing pages)
   ═══════════════════════════════════════════════════════════════ */

/* ── Blobs más vivos ── */
.blob { opacity: 0.15 !important; }
.blob-1 { animation-duration: 11s !important; background: radial-gradient(circle, #2ab8d4, #265d94) !important; }
.blob-2 { animation-duration: 14s !important; background: radial-gradient(circle, #7c3aed, #2ab8d4) !important; }
.blob-3 { animation-duration: 9s  !important; background: radial-gradient(circle, #e8a820, #ef6820) !important; }
.blob-4 { opacity: 0.10 !important; animation-duration: 17s !important; background: radial-gradient(circle, #22c55e, #7c3aed) !important; }

/* ── Quinto blob rosa/violeta ── */
.blob-wrap::before {
  content: '';
  position: absolute;
  width: 480px; height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(124,58,237,0.22) 0%, transparent 68%);
  filter: blur(72px);
  animation: b5 13s ease-in-out infinite alternate;
  top: 15%; right: 10%;
  pointer-events: none;
}
@keyframes b5 {
  0%   { transform: translate(0,0) scale(1); }
  100% { transform: translate(-38%, 32%) scale(1.35); }
}

/* ── Aurora / luz deslizante ── */
.blob-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    108deg,
    transparent 28%,
    rgba(42,184,212,0.06) 44%,
    rgba(232,168,32,0.05) 50%,
    rgba(124,58,237,0.04) 56%,
    transparent 68%
  );
  animation: auroraSwipe 11s ease-in-out infinite;
  pointer-events: none;
}
@keyframes auroraSwipe {
  0%   { transform: translateX(-90%) skewX(-12deg); opacity: 0; }
  15%  { opacity: 1; }
  85%  { opacity: 1; }
  100% { transform: translateX(90%) skewX(-12deg); opacity: 0; }
}

/* ── Texto h1 em con gradiente animado ── */
h1 em {
  background: linear-gradient(120deg, #e8a820, #2ab8d4, #f59e0b, #22d475, #e8a820) !important;
  background-size: 300% 300% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: gradFlow 5s ease-in-out infinite !important;
  color: transparent !important;
}

/* ── Section labels animados ── */
.section-label {
  background: linear-gradient(120deg, #e8a820, #2ab8d4, #f59e0b, #e8a820) !important;
  background-size: 300% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: gradFlow 6s ease-in-out infinite !important;
}

/* ── keyframe compartido ── */
@keyframes gradFlow {
  0%, 100% { background-position: 0% 50%; }
  50%       { background-position: 100% 50%; }
}

/* ── Badge dot pulsante ── */
.badge-dot {
  animation: badgePulse 1.6s ease-in-out infinite !important;
  box-shadow: 0 0 0 0 rgba(42,184,212,0.5);
}
@keyframes badgePulse {
  0%, 100% { transform: scale(1);   box-shadow: 0 0 0 0   rgba(42,184,212,0.5); }
  50%       { transform: scale(1.35); box-shadow: 0 0 0 7px rgba(42,184,212,0); }
}

/* ── Glow de imagen más vivo y con cambio de color ── */
.img-glow {
  background: radial-gradient(ellipse at center,
    rgba(42,184,212,0.28) 0%,
    rgba(124,58,237,0.14) 45%,
    transparent 70%
  ) !important;
  animation: glowShift 6s ease-in-out infinite !important;
}
@keyframes glowShift {
  0%, 100% { opacity: 0.7; transform: scale(1);    filter: hue-rotate(0deg); }
  33%       { opacity: 1;   transform: scale(1.06); filter: hue-rotate(30deg); }
  66%       { opacity: 0.8; transform: scale(0.96); filter: hue-rotate(-20deg); }
}

/* ── Urgency bar shimmer ── */
.urg-bar {
  background: linear-gradient(90deg,
    rgba(200,144,10,.12) 0%,
    rgba(42,184,212,.18) 33%,
    rgba(124,58,237,.12) 66%,
    rgba(200,144,10,.12) 100%
  ) !important;
  background-size: 300% !important;
  animation: urgShimmer 8s linear infinite !important;
}
@keyframes urgShimmer {
  0%   { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}