/**
 * CM BW Hover
 *
 * Efecto blanco y negro con transición a color en hover.
 *
 * Uso: Agregar clase "cm--bw-hover" a cualquier imagen.
 *
 * Configuración:
 * - --cm-bw-hover-scale: Escala al hacer hover (default: 1.1 = 10%)
 * - --cm-bw-hover-duration: Duración de la transición (default: 0.3s)
 *
 * @package CM_BW_Hover
 */

:root {
  --cm-bw-hover-scale: 1.02;
  --cm-bw-hover-duration: 0.7s;
}

.cm--bw-hover {
  filter: grayscale(100%);
  transform: scale(1);
  transition: filter var(--cm-bw-hover-duration) ease,
    transform var(--cm-bw-hover-duration) ease;
}

.cm--bw-hover:hover {
  filter: grayscale(0%);
  transform: scale(var(--cm-bw-hover-scale));
}