/* Estilos personalizados de Yoltek que no se pueden lograr solo con utilidades de Tailwind */

.glass-card {
  background: rgba(25, 32, 45, 0.6);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(133, 147, 153, 0.1);
}

.chat-bubble-shadow {
  box-shadow: 0 0 20px rgba(0, 210, 255, 0.4);
}

/* Estado inicial de las secciones animadas al hacer scroll (ver js/main.js) */
.scroll-animate {
  opacity: 0;
  transform: translateY(2.5rem);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.scroll-animate.is-visible {
  opacity: 1;
  transform: translateY(0);
}