/* ------------------------------------------------------------------
   card-hover.css — hover unificado para las tarjetas del portafolio.
   Se carga al final para ganar sobre los hovers individuales
   (theme-cyber verde, digi verde, airsend morado, nala blanco).
   Acento: azul hielo, efecto de lift suave en vez de zoom + rotación.
   ------------------------------------------------------------------ */

.tarjetas-grid .card {
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease,
    filter 0.35s ease !important;
  will-change: transform;
}

.tarjetas-grid .card:hover {
  transform: translateY(-8px) scale(1.03) !important;
  border-color: rgba(125, 211, 252, 0.55) !important;
  box-shadow:
    0 18px 40px rgba(2, 8, 20, 0.55),
    0 0 26px rgba(125, 211, 252, 0.16),
    0 0 0 1px rgba(125, 211, 252, 0.3) inset !important;
  filter: brightness(1.07) saturate(1.05);
  z-index: 2;
}

/* Tooltip de descripción: mismo acento, sin el neón cian fuerte */
.tarjetas-grid .card-desc {
  background: rgba(7, 14, 24, 0.92) !important;
  border: 1px solid rgba(125, 211, 252, 0.35) !important;
  box-shadow:
    0 12px 32px rgba(2, 8, 20, 0.6),
    0 0 18px rgba(125, 211, 252, 0.1) !important;
}

.tarjetas-grid .card:hover .card-desc {
  transform: translate(-50%, -50%) scale(1) !important;
}