/* Tonalidades incorporadas directamente al contenido de cada tarro. */
.honey-collection [data-honey-tone] img.honey-direct-tone,
.honey-showcase [data-honey-tone] img.honey-direct-tone {
  filter:
    brightness(var(--honey-hover-brightness,1))
    contrast(var(--honey-hover-contrast,1))
    drop-shadow(0 0 .9px rgba(0,0,0,.96))
    drop-shadow(0 24px 20px rgba(0,0,0,.66));
  transition:filter .45s ease;
  -webkit-mask-image:
    url('../imagenes/productos/miel/miel-furia-azahar-transparente-v1.png'),
    url('../imagenes/productos/miel/miel-furia-azahar-transparente-v1.png'),
    url('../imagenes/productos/miel/miel-furia-azahar-transparente-v1.png'),
    url('../imagenes/productos/miel/miel-furia-azahar-transparente-v1.png');
  mask-image:
    url('../imagenes/productos/miel/miel-furia-azahar-transparente-v1.png'),
    url('../imagenes/productos/miel/miel-furia-azahar-transparente-v1.png'),
    url('../imagenes/productos/miel/miel-furia-azahar-transparente-v1.png'),
    url('../imagenes/productos/miel/miel-furia-azahar-transparente-v1.png');
  -webkit-mask-size:contain,contain,contain,contain;
  mask-size:contain,contain,contain,contain;
  -webkit-mask-position:calc(50% - 2px) center,calc(50% + 2px) center,center calc(50% - 2px),center calc(50% + 2px);
  mask-position:calc(50% - 2px) center,calc(50% + 2px) center,center calc(50% - 2px),center calc(50% + 2px);
  -webkit-mask-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  mask-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  -webkit-mask-composite:source-in,source-in,source-in;
  mask-composite:intersect,intersect,intersect;
}
.honey-collection [data-honey-tone]:hover,
.honey-collection [data-honey-tone]:focus-within,
.honey-showcase [data-honey-tone]:hover,
.honey-showcase [data-honey-tone]:focus-visible {
  --honey-hover-brightness:1.08;
  --honey-hover-contrast:1.025;
}