/* Animación tecnológica para letras IA, seguro para CSP */
.tech-animate {
  animation: techGlow 1.2s infinite alternate cubic-bezier(.4,0,.2,1);
}
@keyframes techGlow {
  0% {
    color: #00eaff;
    text-shadow: 0 0 8px #00eaff, 0 0 2px #b2fefa;
    filter: brightness(1.1);
  }
  100% {
    color: #b2fefa;
    text-shadow: 0 0 16px #b2fefa, 0 0 8px #00eaff;
    filter: brightness(1.5);
  }
}
.tech-animate-scan {
  animation: techScan 1.2s infinite linear;
}
@keyframes techScan {
  0%, 100% { letter-spacing: 0; transform: none; }
  10% { letter-spacing: 0.08em; transform: scaleY(1.18) skewX(-8deg); }
  20% { letter-spacing: 0; transform: none; }
}
.tech-hide { opacity: 0; transition: opacity 0.7s cubic-bezier(.4,0,.2,1); }
.tech-show { opacity: 1; transition: opacity 0.7s cubic-bezier(.4,0,.2,1); }

/* Stable glow for index hero text (no per-letter animation) */
.page-index .ai-hero-bot-title,
.page-index .ai-hero-bot-desc {
  text-shadow:
    0 0 8px rgba(0, 234, 255, 0.45),
    0 0 18px rgba(0, 234, 255, 0.18);
}

/* Reserve space to avoid CLS when translations swap in */
.page-index .ai-hero-bot-title {
  min-height: 2.2em;
}

.page-index .ai-hero-bot-desc {
  min-height: 2.4em;
}

.page-index .ai-hero-bot-title-highlight {
  text-shadow:
    0 0 10px rgba(0, 234, 255, 0.6),
    0 0 24px rgba(0, 234, 255, 0.25);
}

#ai-bot-bar {
  width: 0%;
  height: 16px;
  background: linear-gradient(90deg, #00eaff 0%, #00bfff 40%, #b2fefa 100%);
  /* animation: loadBar 3s ease forwards; */
  border-radius: 10px;
  margin-bottom: 10px;
  box-shadow: 0 0 16px #00eaff99, 0 2px 16px #00eaff33, 0 0 32px #00eaff44;
  position: relative;
  overflow: hidden;
  transition: width 0.2s linear;
}

#ai-bot-bar-label {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.15em;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-shadow: 0 2px 8px #00eaffcc, 0 0 6px #000, 0 0 2px #fff;
  pointer-events: none;
  z-index: 2;
  width: 100%;
  text-align: center;
  user-select: none;
}

/* Elimina la animación loadBar, el JS controla el width */
