/* Utilidades CSS - LoyalCardsEc */

/* Degradados de texto premium */
.text-gradient-primary {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Efectos Glassmorphism suaves */
.glass-effect {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Sombras decorativas adicionales */
.glow-primary {
  box-shadow: 0 0 20px rgba(79, 70, 229, 0.15);
}

.glow-accent {
  box-shadow: 0 0 20px rgba(20, 184, 166, 0.15);
}

/* Bordes y estados */
.border-gradient {
  border: 1px solid transparent;
  background-image: linear-gradient(var(--surface-color), var(--surface-color)), 
                    linear-gradient(135deg, var(--primary-color), var(--accent-color));
  background-origin: border-box;
  background-clip: content-box, border-box;
}

/* Micro interacciones y efectos hover generales */
.hover-lift {
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.hover-lift:hover {
  transform: translateY(-2px);
}