/* =========================================================
   BÚHO · glifos propios
   ---------------------------------------------------------
   Marcas dibujadas en casa para conceptos que no tienen dueño
   —una API, un webhook, el SEO técnico— pero que aparecen en
   las mismas cintas de chips que los logotipos de marca.

   Los iconos de trazo fino de Tabler se ven flacos al lado de
   un logotipo macizo como el de WordPress o Git. Estos están
   dibujados con el mismo peso óptico y usan la misma máquina:
   máscara monocroma sobre `.logo-marca`, que hereda el color
   del texto y funciona sobre claro y sobre navy.

   Uso:  <i class="logo-marca glifo-api" aria-hidden="true"></i>

   Este archivo es a mano: `descargar-logos.mjs` no lo toca.
   ========================================================= */
.glifo-api      {-webkit-mask-image:url("../glifos/api.svg");mask-image:url("../glifos/api.svg")}
.glifo-webhooks {-webkit-mask-image:url("../glifos/webhooks.svg");mask-image:url("../glifos/webhooks.svg")}
.glifo-seo      {-webkit-mask-image:url("../glifos/seo.svg");mask-image:url("../glifos/seo.svg")}
.glifo-csv      {-webkit-mask-image:url("../glifos/csv.svg");mask-image:url("../glifos/csv.svg")}
.glifo-bd       {-webkit-mask-image:url("../glifos/bd.svg");mask-image:url("../glifos/bd.svg")}

/* Compensación de lienzo, misma idea que --lmb en marcas.css:
   la tinta no llega justo al borde del cuadro de 24, así que
   el elemento crece lo necesario para que el glifo pese igual
   que un logotipo que sí lo llena (WordPress, Git, Culqi). */
.logo-marca.glifo-api      { --lmb: 1.09; }   /* tinta 23.6 × 22.0 */
.logo-marca.glifo-webhooks { --lmb: 1.05; }   /* tinta 22.8 × 22.8 */
.logo-marca.glifo-seo      { --lmb: 1.06; }   /* tinta 22.7 × 22.7 */
/* el QR llena el cuadro entero, como cualquier código real. */
.glifo-erp      {-webkit-mask-image:url("../glifos/erp.svg");mask-image:url("../glifos/erp.svg")}
.glifo-crm      {-webkit-mask-image:url("../glifos/crm.svg");mask-image:url("../glifos/crm.svg")}
.glifo-pos      {-webkit-mask-image:url("../glifos/pos.svg");mask-image:url("../glifos/pos.svg")}
.glifo-marketplace{-webkit-mask-image:url("../glifos/marketplace.svg");mask-image:url("../glifos/marketplace.svg")}
.glifo-sso      {-webkit-mask-image:url("../glifos/sso.svg");mask-image:url("../glifos/sso.svg")}
.glifo-citas    {-webkit-mask-image:url("../glifos/citas.svg");mask-image:url("../glifos/citas.svg")}
.glifo-qr       {-webkit-mask-image:url("../glifos/qr.svg");mask-image:url("../glifos/qr.svg")}
.logo-marca.glifo-erp      {-webkit-mask-image:url("../glifos/erp.svg");mask-image:url("../glifos/erp.svg")}
.glifo-crm      {-webkit-mask-image:url("../glifos/crm.svg");mask-image:url("../glifos/crm.svg")}
.glifo-pos      {-webkit-mask-image:url("../glifos/pos.svg");mask-image:url("../glifos/pos.svg")}
.glifo-marketplace{-webkit-mask-image:url("../glifos/marketplace.svg");mask-image:url("../glifos/marketplace.svg")}
.glifo-sso      {-webkit-mask-image:url("../glifos/sso.svg");mask-image:url("../glifos/sso.svg")}
.glifo-citas    { --lmb: 1.03; }   /* tinta 23.2 × 24 */