.fade-in-header {
  opacity: 0;
  transform: translateY(-40px) scale(0.98);
  animation: fadeInHeader 1s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes fadeInHeader {
  to {
    opacity: 1;
    transform: none;
  }
}
/* Efectos visuales para la landing Habitat Online */

.fade-in {
  opacity: 0;
  transform: translateY(40px) scale(0.98);
  animation: fadeInUp 0.8s cubic-bezier(.4,0,.2,1) forwards;
}
.fade-in.delay-1 { animation-delay: 0.2s; }
.fade-in.delay-2 { animation-delay: 0.4s; }
.fade-in.delay-3 { animation-delay: 0.6s; }
.fade-in.delay-4 { animation-delay: 0.8s; }

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: none;
  }
}

.card-hover {
  transition: box-shadow 0.4s, transform 0.4s;
}
.card-hover:hover {
  box-shadow: 0 16px 40px rgba(30, 180, 90, 0.22), 0 2px 8px rgba(14,165,233,0.10);
  transform: translateY(-10px) scale(1.05) rotate(-1deg);
  z-index: 2;
}