/* =========================
   BASE
========================= */
.enfoca-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  vertical-align: middle;
  background-color: #2b4ba6;

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* =========================
   ICONOS
========================= */
.enfoca-icon-chip {
  -webkit-mask-image: url('../img/icons/chip.svg');
  mask-image: url('../img/icons/chip.svg');
}

.enfoca-icon-objetivo {
  -webkit-mask-image: url('../img/icons/objetivo.svg');
  mask-image: url('../img/icons/objetivo.svg');
}

.enfoca-icon-tienda-online {
  -webkit-mask-image: url('../img/icons/tienda-online.svg');
  mask-image: url('../img/icons/tienda-online.svg');
}

.enfoca-icon-control-calidad {
  -webkit-mask-image: url('../img/icons/control-de-calidad.svg');
  mask-image: url('../img/icons/control-de-calidad.svg');
}

.enfoca-icon-hablando {
  -webkit-mask-image: url('../img/icons/hablando.svg');
  mask-image: url('../img/icons/hablando.svg');
}

.enfoca-icon-joy {
  -webkit-mask-image: url('../img/icons/joy.svg');
  mask-image: url('../img/icons/joy.svg');
}

.enfoca-icon-cruzar {
  -webkit-mask-image: url('../img/icons/cruzar.svg');
  mask-image: url('../img/icons/cruzar.svg');
}

.enfoca-icon-ecologia {
  -webkit-mask-image: url('../img/icons/ecologia.svg');
  mask-image: url('../img/icons/ecologia.svg');
}
.enfoca-icon-financiero {
  -webkit-mask-image: url('../img/icons/financiero.svg');
  mask-image: url('../img/icons/financiero.svg');
}

/* =========================
   PREVIEW DENTRO DE WPBAKERY
========================= */

/* celda del picker */
.vc_ui-panel-window .vc_iconpicker-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* icono dentro del picker */
.vc_ui-panel-window .vc_iconpicker-item i.enfoca-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  background-color: #2b4ba6 !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

/* elimina pseudoiconos heredados si WPBakery intenta pintar fonts */
.vc_ui-panel-window .vc_iconpicker-item i.enfoca-icon:before {
  content: "" !important;
  display: none !important;
}

/* icono seleccionado arriba del input */
.selected-icon i.enfoca-icon,
.wpb_el_type_iconpicker .fip-icons-container .selected-icon i.enfoca-icon {
  width: 20px;
  height: 20px;
  background-color: #2b4ba6 !important;
  font-size: 0 !important;
}

.selected-icon i.enfoca-icon:before,
.wpb_el_type_iconpicker .fip-icons-container .selected-icon i.enfoca-icon:before {
  content: "" !important;
  display: none !important;
}