/* Fade in con elevación para las tarjetas al filtrar */
 @keyframes cardFadeIn {
   from {
     opacity: 0;
     transform: translateY(16px) scale(0.96);
   }

   to {
     opacity: 1;
     transform: translateY(0) scale(1);
   }
 }

 /* Pop/Palpitar para el botón de favoritos */
 @keyframes heartPop {
   0% {
     transform: scale(1);
   }

   40% {
     transform: scale(1.35);
   }

   100% {
     transform: scale(1);
   }
 }

 /* Clase aplicada dinámicamente al filtrar */
 .product-card-animate {
   animation: cardFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
 }

 /* Transiciones suaves globales para componentes iterativos */
 .brand-chip,
 .category-btn,
 .product-card {
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }

 /* Hover dinámico para las tarjetas de producto */
 .product-card:hover {
   transform: translateY(-4px);
 }

 /* Animación activa al hacer click en el corazón */
 .wishlist-btn:active {
   animation: heartPop 0.3s ease-in-out;
 }