/* Desvanecido elegante del slider */
.hero-bg {
  opacity: 1;
  transform: scale(1.015);
  transition:
    opacity 0.72s cubic-bezier(0.4, 0, 0.2, 1),
    transform 1.1s cubic-bezier(0.4, 0, 0.2, 1) !important;
  will-change: opacity, transform;
}

.hero-copy {
  opacity: 1;
  transition: opacity 0.55s ease, transform 0.55s ease;
  will-change: opacity, transform;
}

.hero-bg.slider-fade-out {
  opacity: 0.18;
  transform: scale(1.035);
}

.hero-copy.slider-fade-out {
  opacity: 0.12;
  transform: translateY(8px);
}

@media (prefers-reduced-motion: reduce) {
  .hero-bg,
  .hero-copy {
    transform: none !important;
    transition: none !important;
  }
}