/* Otimizações de CSS para a página inicial */

/* Otimização de vídeo de fundo */
.hero .video-background video {
  /* Use will-change apenas onde realmente é necessário */
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Reduzir complexidade de transições e transformações */
.parallax-card {
  transition: transform 0.2s ease;
  will-change: transform;
}

.parallax-card:hover {
  transform: translateY(-10px);
}

.parallax-card::before {
  transition: background 0.3s ease;
}

.card-content {
  transform: translateY(30%);
  transition: transform 0.3s ease;
}

.parallax-card:hover .card-content {
  transform: translateY(0);
}

/* Otimização para dispositivos móveis */
@media (max-width: 768px) {
  .hero .video-background video {
    /* Diminuir qualidade em dispositivos móveis */
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
  
  /* Desabilitar efeitos de transformação em dispositivos móveis */
  .parallax-card,
  .valor-item,
  .grid-item {
    transform: none !important;
    transition: none !important;
    will-change: auto;
  }
  
  .card-content {
    transform: none !important;
    transition: none !important;
  }
}

/* Redução de animações complexas */
.valor-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform, box-shadow;
}

.valor-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* Substituir transformações 3D por 2D quando possível */
.grid-item.texto:hover {
  transform: scale(1.01);
  box-shadow: 0 10px 20px rgba(0, 174, 239, 0.1);
}

/* Desabilitar a preferência por animações reduzidas */
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}