/* =========================================
   ANIMAÇÕES GERAIS – AUTONO+
========================================= */

/* Fade in */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Slide up */
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Pulse (CTA Premium) */
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.5);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(99, 102, 241, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(99, 102, 241, 0);
  }
}

/* =========================================
   CLASSES DE ANIMAÇÃO
========================================= */

.animate-page {
  animation: fadeIn 0.6s ease forwards;
}

.animate-fade {
  animation: fadeIn 0.6s ease forwards;
}

.animate-slide {
  animation: slideUp 0.7s ease forwards;
}

/* Delays */
.delay-1 { animation-delay: 0.15s; }
.delay-2 { animation-delay: 0.3s; }
.delay-3 { animation-delay: 0.45s; }

/* CTA Premium */
.pulse {
  animation: pulse 2.5s infinite;
}

/* Hover suave */
.hover-scale {
  transition: transform 0.25s ease;
}

.hover-scale:hover {
  transform: scale(1.05);
}