/* ===== CORREÇÃO PARA SEÇÃO DE CONTATO ===== */

/* Remove animações conflitantes da seção de contato */
#contato .contact-info,
#contato .contact-form-section,
#contato .contact-grid,
#contato .contact-grid > * {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
  will-change: auto !important;
}

/* Otimização específica para o formulário de contato */
.contact-form {
  backface-visibility: visible !important;
  perspective: none !important;
  transform-style: flat !important;
}

/* Remove efeitos de hover problemáticos na seção de contato */
#contato .contact-info::before,
#contato .contact-form-section::before {
  display: none !important;
}

/* Estabiliza o layout da seção de contato */
#contato {
  contain: layout style !important;
}

/* Remove delays de transição que podem causar tremidas */
#contato * {
  transition-delay: 0s !important;
  animation-delay: 0s !important;
}

/* Força renderização estável */
.contact-grid {
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
}

/* Remove animações do Intersection Observer na seção de contato */
#contato .animate-on-scroll,
#contato .animate-fade-up,
#contato .animate-scale,
#contato .animate-slide-left {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Estabiliza especificamente o título da seção */
#contato .section-header {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Remove qualquer efeito de loading ou delay */
#contato .section-header .eyebrow,
#contato .section-header h2 {
  animation: none !important;
  transition: none !important;
  opacity: 1 !important;
  transform: none !important;
}