/* Shared solution icons for the Vcards navigation and product pages. */
:root {
  --solution-icon-nfc: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M7 9h4M7 13h3M15.2 9.2c1.4 1.4 1.4 4.2 0 5.6M18 7c2.8 2.8 2.8 7.2 0 10'/%3E%3C/g%3E%3C/svg%3E");
  --solution-icon-access: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2.5'/%3E%3Cpath d='M9 3v4h6V3M8 17c.7-1.4 2.1-2.2 4-2.2s3.3.8 4 2.2M10 11a2 2 0 1 0 4 0 2 2 0 0 0-4 0'/%3E%3C/g%3E%3C/svg%3E");
  --solution-icon-note: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M6 11a6 6 0 0 0 12 0M12 17v4M9 21h6M4 5v14M20 5v14'/%3E%3C/g%3E%3C/svg%3E");
  --solution-icon-wallet: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h14.5A2.5 2.5 0 0 1 21 10v7.5a2.5 2.5 0 0 1-2.5 2.5h-12A2.5 2.5 0 0 1 4 17.5v-10Z'/%3E%3Cpath d='M4 8.2 15.6 4.5A2 2 0 0 1 18 6.4v1.1M16.5 13.5h4.5M17.5 13.5h.1'/%3E%3C/g%3E%3C/svg%3E");
}

.elementor-nav-menu--dropdown .elementor-sub-item[href*="/tarjeta-smart-nfc/"],
.elementor-nav-menu--dropdown .elementor-sub-item[href*="/control-de-acceso-para-eventos/"],
.elementor-nav-menu--dropdown .elementor-sub-item[href*="/note-taker/"],
.elementor-nav-menu--dropdown .elementor-sub-item[href*="/wallet/"] {
  align-items: center;
  display: flex;
  gap: 10px;
}

.elementor-nav-menu--dropdown .elementor-sub-item[href*="/tarjeta-smart-nfc/"]::before,
.elementor-nav-menu--dropdown .elementor-sub-item[href*="/control-de-acceso-para-eventos/"]::before,
.elementor-nav-menu--dropdown .elementor-sub-item[href*="/note-taker/"]::before,
.elementor-nav-menu--dropdown .elementor-sub-item[href*="/wallet/"]::before {
  background: currentColor;
  content: "";
  display: inline-block;
  flex: 0 0 18px;
  height: 18px;
  opacity: .92;
  width: 18px;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

.elementor-nav-menu--dropdown .elementor-sub-item[href*="/tarjeta-smart-nfc/"]::before {
  -webkit-mask-image: var(--solution-icon-nfc);
  mask-image: var(--solution-icon-nfc);
}

.elementor-nav-menu--dropdown .elementor-sub-item[href*="/control-de-acceso-para-eventos/"]::before {
  -webkit-mask-image: var(--solution-icon-access);
  mask-image: var(--solution-icon-access);
}

.elementor-nav-menu--dropdown .elementor-sub-item[href*="/note-taker/"]::before {
  -webkit-mask-image: var(--solution-icon-note);
  mask-image: var(--solution-icon-note);
}

.elementor-nav-menu--dropdown .elementor-sub-item[href*="/wallet/"]::before {
  -webkit-mask-image: var(--solution-icon-wallet);
  mask-image: var(--solution-icon-wallet);
}

.elementor-page-15998 .elementor-element-c1d762d .elementor-widget-container::before,
.wallet-page .hero .eyebrow::before {
  background: #02a56c;
  content: "";
  display: inline-block;
  height: 26px;
  margin: 0 10px -5px 0;
  width: 26px;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

.elementor-page-15998 .elementor-element-c1d762d .elementor-widget-container::before {
  -webkit-mask-image: var(--solution-icon-nfc);
  mask-image: var(--solution-icon-nfc);
}

.wallet-page .hero .eyebrow::before {
  -webkit-mask-image: var(--solution-icon-wallet);
  mask-image: var(--solution-icon-wallet);
}

.elementor-page-note-taker .nt-hero__badge svg,
.elementor-page-26611 .elementor-element-0981cd9 .elementor-icon svg {
  height: 22px;
  width: 22px;
}
