/*
 * Paleta exclusiva de la ficha de producto.
 * Se carga únicamente en /producto/* (ver partials/head.blade.php),
 * por lo que redefinir estas variables acá no afecta al resto del sitio.
 */
:root {
  --principal: #B000B9;
  --hover-principal: #850093;
  --secundario: #F7E8F7;
}

/* Ícono de "% de descuento" del menú de categorías: es un SVG con el fill
   #1d4389 pisado en el archivo, así que se recolorea vía filter (calculado
   para llegar exacto a #B000B9, no es una aproximación a ojo). */
.list-header-desc img,
.list-categorias-desc img {
  filter: brightness(0) saturate(100%) invert(21%) sepia(68%) saturate(669%) hue-rotate(251deg) brightness(140%) contrast(189%);
}