/* ============================================
   ANIMAÇÕES E HOVERS - SITE DMC
   ============================================ */

/* Transições base para todos os elementos interativos */
.card-imagem-conheca,
.container-conheca-adtech,
.automacao-subtitulo,
.conheca-container3 {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
              box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.icon-card {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
              box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.icon-card svg {
  transition: filter 0.4s ease, color 0.4s ease !important;
}

.card-imagem-conheca img {
  transition: transform 0.5s ease, filter 0.5s ease !important;
}

/* ============================================
   HOVER - CARD CENTRAL (RINOCERONTE)
   ============================================ */
.card-imagem-conheca:hover {
  transform: translateY(-20px) !important;
  box-shadow: 
    0 0 40px rgba(0, 231, 252, 0.6), 
    0 0 80px rgba(0, 255, 77, 0.4),
    0 40px 80px rgba(0, 0, 0, 0.5) !important;
}

.card-imagem-conheca:hover img {
  transform: scale(1.08) !important;
  filter: brightness(1.15) !important;
}

/* ============================================
   HOVER - CARDS LATERAIS
   ============================================ */
.container-conheca-adtech:hover,
.automacao-subtitulo:hover {
  transform: translateY(-15px) !important;
  box-shadow: 
    0 0 30px rgba(0, 231, 252, 0.5), 
    0 0 60px rgba(0, 255, 77, 0.3),
    0 25px 50px rgba(0, 0, 0, 0.5) !important;
}

/* ============================================
   HOVER - ÍCONES
   ============================================ */
.container-conheca-adtech:hover .icon-card,
.automacao-subtitulo:hover .icon-card,
.conheca-container3:hover .icon-card {
  transform: scale(1.15) !important;
  box-shadow: 0 0 25px rgba(0, 255, 77, 0.5) !important;
}

.container-conheca-adtech:hover .icon-card svg,
.automacao-subtitulo:hover .icon-card svg,
.conheca-container3:hover .icon-card svg {
  filter: drop-shadow(0 0 10px rgba(0, 255, 77, 0.8)) !important;
  color: #00ff4d !important;
}

/* ============================================
   KEYFRAMES PARA GLOW PULSANTE
   ============================================ */
@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 
      0 0 20px rgba(0, 231, 252, 0.3), 
      0 0 40px rgba(0, 255, 77, 0.2);
  }
  50% {
    box-shadow: 
      0 0 30px rgba(0, 231, 252, 0.5), 
      0 0 60px rgba(0, 255, 77, 0.4);
  }
}

/* Aplicar glow pulsante sutil aos cards em estado normal */
.card-imagem-conheca {
  animation: pulseGlow 3s ease-in-out infinite;
}