/* Quita cualquier imagen/fuente de los iconos viejos */
[class^="icon-"],
[class*=" icon-"] {
  background: none !important;
}

/* Ajustes visuales para los bi- */
.bi {
  line-height: 1;
  vertical-align: -0.125em;
}

/* Iconos dentro de la lista de features */
.iconlist span.with-bi {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.iconlist span.with-bi i.bi {
  font-size: 1.25rem;
}

/* SOLO en la lista de beneficios (lado derecho) apaga los pseudo-elementos antiguos */
.productDetail .iconlist span[class^="icon-"]::before,
.productDetail .iconlist span[class*=" icon-"]::before,
.productDetail .iconlist span[class^="icon-"]::after,
.productDetail .iconlist span[class*=" icon-"]::after,
.otherProduct .productListText span[class*=" icon-"]::after {
  content: "" !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
}

/* Y anula fondos SOLO ahí */
.productDetail .iconlist span[class^="icon-"],
.productDetail .iconlist span[class*=" icon-"] {
  background: none !important;
}

/* Estilo de nuestros BI (lado derecho) */
.productDetail .iconlist span.with-bi {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.productDetail .iconlist span.with-bi .bi {
  font-size: 1.15rem;
  line-height: 1;
  vertical-align: -0.125em;
}

/* Quitar íconos viejos SOLO en la sección “otras características” */
.otherProduct .productListText [class^="icon-"]::before,
.otherProduct .productListText [class^="icon-"]::after,
.otherProduct .productListText [class*=" icon-"]::before,
.otherProduct .productListText [class*=" icon-"]::after {
  content: none !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
}

/* Anular posibles sprites/fondos SOLO ahí */
.otherProduct .productListText [class^="icon-"],
.otherProduct .productListText [class*=" icon-"] {
  background: none !important;
}

/* (Opcional) Alinear el nuevo <i class="bi …"> si lo estás inyectando */
.otherProduct .productListText .with-bi {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.otherProduct .productListText .with-bi .bi {
  line-height: 1;
  vertical-align: -0.125em;
  font-size: 1.1rem;
}