/* ============================================
   FLY MORÓN — ANIMATIONS CSS
   ============================================ */

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-40px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes slideInRight {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.92); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes shimmer {
  0%   { background-position: -1000px 0; }
  100% { background-position: 1000px 0; }
}

@keyframes rotateProp {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Stagger delays for grid items */
.feature-card:nth-child(1) { transition-delay: 0.05s; }
.feature-card:nth-child(2) { transition-delay: 0.12s; }
.feature-card:nth-child(3) { transition-delay: 0.19s; }
.feature-card:nth-child(4) { transition-delay: 0.26s; }
.feature-card:nth-child(5) { transition-delay: 0.33s; }
.feature-card:nth-child(6) { transition-delay: 0.40s; }

.course-card:nth-child(1) { transition-delay: 0.05s; }
.course-card:nth-child(2) { transition-delay: 0.15s; }
.course-card:nth-child(3) { transition-delay: 0.25s; }

.fleet-card:nth-child(1) { transition-delay: 0.05s; }
.fleet-card:nth-child(2) { transition-delay: 0.15s; }

.testimonial-card:nth-child(1) { transition-delay: 0.05s; }
.testimonial-card:nth-child(2) { transition-delay: 0.15s; }
.testimonial-card:nth-child(3) { transition-delay: 0.25s; }

/* Gold shimmer on hover for cards */
.feature-card::before,
.course-card::before,
.fleet-card::before {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(253,187,45,0.04),
    transparent
  );
  pointer-events: none;
  transition: left 0.6s ease;
}

.feature-card,
.course-card,
.fleet-card {
  position: relative;
  overflow: hidden;
}

.feature-card:hover::before,
.course-card:hover::before,
.fleet-card:hover::before {
  left: 150%;
}

/* Loading bar animation */
.loading-bar {
  height: 3px;
  background: linear-gradient(90deg, var(--gold), var(--orange), var(--red));
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite linear;
}

/* Glow text */
.glow-text {
  text-shadow: 0 0 20px rgba(253,187,45,0.5), 0 0 40px rgba(253,187,45,0.2);
}

/* Border beam animation */
@keyframes borderBeam {
  0%   { border-image-source: linear-gradient(0deg, var(--gold), transparent, var(--gold)); }
  25%  { border-image-source: linear-gradient(90deg, var(--gold), transparent, var(--gold)); }
  50%  { border-image-source: linear-gradient(180deg, var(--gold), transparent, var(--gold)); }
  75%  { border-image-source: linear-gradient(270deg, var(--gold), transparent, var(--gold)); }
  100% { border-image-source: linear-gradient(360deg, var(--gold), transparent, var(--gold)); }
}

/* Floating animation for hero elements */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-10px); }
}

/* Number counter animation */
@keyframes countUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}