.nexo-icon {
  --nf-icon-size: 1em;
  width: var(--nf-icon-size);
  height: var(--nf-icon-size);
  display: inline-block;
  flex: 0 0 auto;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.nexo-icon--sm {
  --nf-icon-size: 0.92em;
}

.nexo-icon--md {
  --nf-icon-size: 1.05em;
}

.nexo-icon--nav {
  --nf-icon-size: 1.12em;
}

.nf-icon--dashboard {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zm10 0h8v5h-8zM3 13h5v8H3zm7 2h11v6H10z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zm10 0h8v5h-8zM3 13h5v8H3zm7 2h11v6H10z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--plans {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14v3H5zm0 6h10v3H5zm0 6h14v3H5z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14v3H5zm0 6h10v3H5zm0 6h14v3H5z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--clients {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm8 1a3 3 0 1 1 0-6 3 3 0 0 1 0 6ZM3 20c0-3.5 3-6 6.5-6S16 16.5 16 20Zm11 0c0-2.4 2-4.2 4.5-4.2S23 17.6 23 20Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm8 1a3 3 0 1 1 0-6 3 3 0 0 1 0 6ZM3 20c0-3.5 3-6 6.5-6S16 16.5 16 20Zm11 0c0-2.4 2-4.2 4.5-4.2S23 17.6 23 20Z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--brand {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h6l2 2h6v6l-7 8-7-7Zm3 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h6l2 2h6v6l-7 8-7-7Zm3 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--calendar {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v3h6V2h2v3h3v17H4V5h3zm-1 8v9h12v-9zm0-3h12V7H6z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v3h6V2h2v3h3v17H4V5h3zm-1 8v9h12v-9zm0-3h12V7H6z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--pieces {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h12v12H4zm4 4h12v12H8zm4 4h8v8h-8z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h12v12H4zm4 4h12v12H8zm4 4h8v8h-8z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--rrhh {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Zm-7 9c0-3.8 3.3-6.5 7-6.5s7 2.7 7 6.5Zm13-13h5v2h-5zm2-3v8h-2V5z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9Zm-7 9c0-3.8 3.3-6.5 7-6.5s7 2.7 7 6.5Zm13-13h5v2h-5zm2-3v8h-2V5z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--draft {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 17.5V20h2.5l9.8-9.8-2.5-2.5zm13.5-8.1 1.6-1.6a1.4 1.4 0 0 0 0-2l-.9-.9a1.4 1.4 0 0 0-2 0l-1.6 1.6z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 17.5V20h2.5l9.8-9.8-2.5-2.5zm13.5-8.1 1.6-1.6a1.4 1.4 0 0 0 0-2l-.9-.9a1.4 1.4 0 0 0-2 0l-1.6 1.6z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--pendiente_propuesta {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 6h2v7l4 2-1 1.7-5-2.7zm1 16C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 6h2v7l4 2-1 1.7-5-2.7zm1 16C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10Z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--propuesto {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v12H4zm2 2v8h12V8zm3 1h2v2h2v2h-2v2H9v-2H7v-2h2z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v12H4zm2 2v8h12V8zm3 1h2v2h2v2h-2v2H9v-2H7v-2h2z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--generado {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 2.5 5.5L20 10l-5.5 2.5L12 18l-2.5-5.5L4 10l5.5-2.5z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 2.5 5.5L20 10l-5.5 2.5L12 18l-2.5-5.5L4 10l5.5-2.5z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--aprobado,
.nf-icon--aprobado_manager,
.nf-icon--aprobado_cliente {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.6 16.6 5.4 12.4l1.8-1.8 2.4 2.4 7-7 1.8 1.8z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.6 16.6 5.4 12.4l1.8-1.8 2.4 2.4 7-7 1.8 1.8z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--exportado {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 4v8.2l2.6-2.6 1.8 1.8-5.4 5.4-5.4-5.4 1.8-1.8 2.6 2.6V4ZM5 18h14v2H5z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 4v8.2l2.6-2.6 1.8 1.8-5.4 5.4-5.4-5.4 1.8-1.8 2.6 2.6V4ZM5 18h14v2H5z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--en_produccion {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.8 3 11 6.8l2.2 2.2-1.7 1.7-2.2-2.2-2 2a4.5 4.5 0 0 0 6.2 6.4l2-2-2.1-2.1 1.7-1.7 2.1 2.1 3.8-3.8z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.8 3 11 6.8l2.2 2.2-1.7 1.7-2.2-2.2-2 2a4.5 4.5 0 0 0 6.2 6.4l2-2-2.1-2.1 1.7-1.7 2.1 2.1 3.8-3.8z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--listo_manager {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14v4h-2V5H7v14h10v-2h2v4H5zm9.6 12.6L11 12l1.4-1.4 2.2 2.2L20.2 7l1.4 1.4z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14v4h-2V5H7v14h10v-2h2v4H5zm9.6 12.6L11 12l1.4-1.4 2.2 2.2L20.2 7l1.4 1.4z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--visible_cliente {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6C6.5 6 2.3 10.4 1 12c1.3 1.6 5.5 6 11 6s9.7-4.4 11-6c-1.3-1.6-5.5-6-11-6Zm0 9a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6C6.5 6 2.3 10.4 1 12c1.3 1.6 5.5 6 11 6s9.7-4.4 11-6c-1.3-1.6-5.5-6-11-6Zm0 9a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--cambios_cliente {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h9V4l5 5-5 5v-3H8a3 3 0 0 0-3 3v1H3v-1a5 5 0 0 1 4-5Zm10 10H8v3l-5-5 5-5v3h8a3 3 0 0 0 3-3V9h2v1a5 5 0 0 1-4 5Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h9V4l5 5-5 5v-3H8a3 3 0 0 0-3 3v1H3v-1a5 5 0 0 1 4-5Zm10 10H8v3l-5-5 5-5v3h8a3 3 0 0 0 3-3V9h2v1a5 5 0 0 1-4 5Z' fill='black'/%3E%3C/svg%3E");
}

.nf-icon--completado {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5.2 3.4 9.9 8 11 4.6-1.1 8-5.8 8-11V5zm-1.2 13.8-3.1-3.1 1.7-1.7 1.4 1.4 3.8-3.8 1.7 1.7z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5.2 3.4 9.9 8 11 4.6-1.1 8-5.8 8-11V5zm-1.2 13.8-3.1-3.1 1.7-1.7 1.4 1.4 3.8-3.8 1.7 1.7z' fill='black'/%3E%3C/svg%3E");
}