/* ============================================================
   BDH MATAFUEGOS — animations.css
   ============================================================ */

.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.visible        { opacity: 1; transform: translateY(0); }
.reveal-delay-1        { transition-delay: 0.1s; }
.reveal-delay-2        { transition-delay: 0.22s; }
.reveal-delay-3        { transition-delay: 0.36s; }

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}
.anim-1 { animation: fadeUp 0.8s ease 0.2s both; }
.anim-2 { animation: fadeUp 0.8s ease 0.4s both; }
.anim-3 { animation: fadeUp 0.8s ease 0.6s both; }
.anim-4 { animation: fadeUp 0.8s ease 0.8s both; }
.anim-5 { animation: fadeUp 0.8s ease 1.0s both; }

@keyframes pulse {
  0%,100% { box-shadow: 0 0 0 0   rgba(20,200,80,0.6); }
  50%      { box-shadow: 0 0 0 8px rgba(20,200,80,0); }
}
.pulse { animation: pulse 2s ease-in-out infinite; }

.feature-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.feature-card:hover {
  transform: translateY(-6px);
  border-color: rgba(245,45,49,0.4);
  box-shadow: 0 16px 48px rgba(245,45,49,0.12);
}

.nav-sticky {
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.nav-scrolled {
  background: rgba(20,10,10,0.9) !important;
  backdrop-filter: blur(18px) !important;
  box-shadow: 0 1px 0 rgba(200,170,80,0.18);
}