/* ANIMAÇÕES DA FAIXA DO TOPO */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-marquee { animation: marquee 30s linear infinite; }

@keyframes gradient-x {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.animate-gradient-x { animation: gradient-x 4s ease infinite; }

/* MESH GRADIENT */
.mesh-gradient {
  background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(199, 168, 109, 0.4) 0%, rgba(10, 10, 10, 0.2) 30%, transparent 60%);
  transition: background 0.1s ease-out;
}

/* REVEALS INICIAIS GSAP */
.hero-reveal, .sec2-reveal, .sec3-reveal, .sec4-reveal, 
.sec5-reveal, .sec6-reveal, .sec7-reveal, .sec8-reveal-photo, 
.sec8-reveal-text, .sec9-reveal, .sec10-reveal { 
  opacity: 0; 
  will-change: transform, opacity;
  transform: translateZ(0); /* Força renderização na GPU */
}

/* ==========================================
   OTIMIZAÇÃO EXTREMA PARA MOBILE
   ========================================== */
@media (max-width: 768px) {
  /* Desligar Mix-Blends pesados no celular */
  .mix-blend-luminosity,
  .mix-blend-screen,
  .mix-blend-overlay,
  .mix-blend-multiply {
    mix-blend-mode: normal !important;
  }

  /* Reduzir carga dos Blurs */
  .blur-\[100px\], .blur-\[120px\], .blur-\[150px\], .blur-\[180px\] {
    filter: blur(40px) !important;
    transform: translateZ(0); 
  }

  /* Substituir efeito de Vidro (Backdrop-blur) por fundo sólido */
  .backdrop-blur-md, .backdrop-blur-sm, .backdrop-blur-none {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background-color: #0a0a0a !important; 
  }

  /* Vídeos não pesem no reflow */
  video {
    transform: translateZ(0);
    will-change: opacity;
  }
}