/* 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 (EFEITO VIBRACIONAL DOURADO/TERROSO) */
.mesh-gradient {
  background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(212, 175, 55, 0.5) 0%, rgba(140, 90, 69, 0.2) 30%, transparent 60%);
  transition: background 0.1s ease-out;
}

/* REVEALS INICIAIS GSAP (Prevenção de piscar) */
.hero-reveal, .sec2-reveal, .sec3-reveal, .sec4-reveal { 
  opacity: 0; 
}
/* ==========================================
   OTIMIZAÇÃO EXTREMA PARA MOBILE (FIM DOS TRAVAMENTOS)
   ========================================== */

/* 1. Preparar elementos animados para a Placa de Vídeo (GPU) */
.hero-reveal, .sec2-reveal, .sec3-reveal, .sec4-reveal, 
.sec5-reveal, .sec6-reveal, .sec7-reveal, .sec8-reveal-photo, 
.sec8-reveal-text, .sec9-reveal, .sec10-reveal { 
  will-change: transform, opacity;
  transform: translateZ(0); /* Força a renderização na GPU */
}

@media (max-width: 768px) {
  /* 2. Desligar Mix-Blends pesados no celular */
  .mix-blend-luminosity,
  .mix-blend-screen,
  .mix-blend-overlay,
  .mix-blend-multiply {
    mix-blend-mode: normal !important;
  }

  /* 3. Reduzir a carga dos Blurs Gigantes (O maior causador de lag) */
  .blur-\[100px\], .blur-\[120px\], .blur-\[150px\], .blur-\[180px\] {
    filter: blur(40px) !important; /* Desfoque menor e muito mais leve */
    transform: translateZ(0); 
  }

  /* 4. Substituir o efeito de Vidro (Backdrop-blur) por fundo sólido elegante */
  .backdrop-blur-md, .backdrop-blur-sm, .backdrop-blur-none {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background-color: #2a1711 !important; /* Fundo sólido luxuoso e leve */
  }

  /* 5. Garantir que os vídeos não pesem no reflow da página */
  video {
    transform: translateZ(0);
    will-change: opacity;
  }
}