/* V6.100 — latido robusto del corazón de favoritos en las tarjetas del
   CATÁLOGO y su visor. Sólo crece el glifo; el círculo blanco queda fijo.
   No depende de animar transform en SVG, inestable en algunos Android. */
.product-favorite .alzate-heart-glyph,
.lightbox-stage .lightbox-favorite .alzate-heart-glyph{
  display:grid;place-items:center;
  width:24px;height:24px;flex:0 0 24px;
  transform:scale(1);
  transform-origin:50% 50%;
  transition:transform .3s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.product-favorite.active .alzate-heart-glyph,
.lightbox-stage .lightbox-favorite.active .alzate-heart-glyph{
  transform:scale(1.24);
}
/* Desactiva la escala antigua sobre SVG: NO debe duplicar la nueva escala. */
.product-favorite .alzate-heart-glyph svg,
.lightbox-stage .lightbox-favorite .alzate-heart-glyph svg{
  width:100%!important;height:100%!important;
  transform:none!important;
  transform-origin:center!important;
  display:block;overflow:visible;
  pointer-events:none;
}
@media(max-width:600px){
  .product-favorite .alzate-heart-glyph{width:21px;height:21px;flex-basis:21px}
}
@media(prefers-reduced-motion:no-preference){
  .product-favorite.alzate-heartbeat-v6100 .alzate-heart-glyph,
  .lightbox-stage .lightbox-favorite.alzate-heartbeat-v6100 .alzate-heart-glyph{
    animation:alzate-heartbeat-v6100 840ms cubic-bezier(.18,.76,.31,1) both;
  }
  @keyframes alzate-heartbeat-v6100{
    0%{transform:scale(1)}
    19%{transform:scale(1.57)}
    36%{transform:scale(1.13)}
    56%{transform:scale(1.47)}
    77%{transform:scale(1.19)}
    100%{transform:scale(1.24)}
  }
  .alzate-heart-particle-v6100{
    animation:alzate-heart-particle-v6100 650ms ease-out var(--delay,0ms) both;
  }
  @keyframes alzate-heart-particle-v6100{
    0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}
    15%{opacity:1}
    63%{opacity:1}
    100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.7)}
  }
}
.alzate-heart-particles-v6100{
  position:fixed;top:0;left:0;width:0;height:0;
  pointer-events:none!important;z-index:2147483000;
}
.alzate-heart-particle-v6100{
  position:absolute;left:0;top:0;width:var(--size);height:var(--size);
  opacity:0;pointer-events:none!important;
}
.alzate-heart-particle-v6100 svg{
  display:block;width:100%;height:100%;fill:#e5253f;stroke:#c80c31;
  stroke-width:1;pointer-events:none!important;
}
@media(prefers-reduced-motion:reduce){
  .product-favorite .alzate-heart-glyph,
  .lightbox-stage .lightbox-favorite .alzate-heart-glyph{
    transition:none!important;animation:none!important;
  }
  .alzate-heart-particles-v6100{display:none!important}
}