/* ========================================
   ANIMAÇÕES DE SCROLL PARA PEDRA & PEDRA
   ======================================== */

/* Animações de Entrada no Scroll */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ========================================
   ANIMAÇÕES SIMPLES DO BANNER
   ======================================== */

/* Estados iniciais dos elementos do banner */
.banner-content h6.text-white.mb-3 {
  transform: translate3d(0, 200px, 0);
  opacity: 0;
  transition: all 0.8s ease;
}

.banner-content h2.display-4.fw-bold.text-white.mb-4 {
  transform: translate3d(0, 200px, 0);
  opacity: 0;
  transition: all 0.8s ease 0.2s;
}

.banner-content p.lead.text-white.mb-4 {
  transform: translate3d(0, 200px, 0);
  opacity: 0;
  transition: all 0.8s ease 0.4s;
}

.banner-content .info.d-flex.flex-wrap.align-items-center.list-unstyled.mb-4 {
  transform: translate3d(0, 200px, 0);
  opacity: 0;
  transition: all 0.8s ease 0.6s;
}

.banner-content .btn.btn-light.btn-bg.btn-slide.hover-slide-right {
  transform: translate3d(0, 200px, 0);
  opacity: 0;
  transition: all 0.8s ease 0.8s;
}

/* Quando o slide fica ativo */
.swiper-slide-active .banner-content h6.text-white.mb-3,
.swiper-slide-active .banner-content h2.display-4.fw-bold.text-white.mb-4,
.swiper-slide-active .banner-content p.lead.text-white.mb-4,
.swiper-slide-active .banner-content .info.d-flex.flex-wrap.align-items-center.list-unstyled.mb-4,
.swiper-slide-active .banner-content .btn.btn-light.btn-bg.btn-slide.hover-slide-right {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* Classes de Animação */
.animate-fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
}

.animate-fade-in-left {
  animation: fadeInLeft 0.8s ease-out forwards;
}

.animate-fade-in-right {
  animation: fadeInRight 0.8s ease-out forwards;
}

.animate-fade-in-scale {
  animation: fadeInScale 0.8s ease-out forwards;
}

/* Elementos que aparecem no scroll */
.scroll-trigger {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease;
}

.scroll-trigger.animate {
  opacity: 1;
  transform: translateY(0);
}

/* Responsividade */
@media (max-width: 768px) {
  .scroll-trigger {
    opacity: 1;
    transform: none;
  }
  
  .animate-fade-in-up,
  .animate-fade-in-left,
  .animate-fade-in-right,
  .animate-fade-in-scale {
    animation: none;
    opacity: 1;
    transform: none;
  }
  
  /* Desabilitar animações do banner em mobile */
  .banner-content h6.text-white.mb-3,
  .banner-content h2.display-4.fw-bold.text-white.mb-4,
  .banner-content p.lead.text-white.mb-4,
  .banner-content .info.d-flex.flex-wrap.align-items-center.list-unstyled.mb-4,
  .banner-content .btn.btn-light.btn-bg.btn-slide.hover-slide-right {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}