/* Reemplazo de line-awesome. En TODO el sitio se usan sólo cinco íconos, así que en vez
   de cargar las 88KB de line-awesome.min.css (1659 íconos) más ~94KB de la fuente
   la-solid-900.woff2, se dibujan acá. Ahorra ~182KB en cada página y saca del head una
   hoja de estilos que bloqueaba el primer pintado.

   Inventario (si agregás un ícono nuevo, va acá):
     la-angle-down    header 2026 (chevrons del menú) · header viejo del blog
     la-angle-right   main.html de la home · FAQ de /postulate y /soluciones/go-erp
     la-bars          header viejo del blog (botón de menú mobile)
     la-user          header viejo del blog (panel de login)
     la-arrow-right   header viejo del blog (CTAs del panel de login)

   Los dos chevrons van con borde y los otros tres con mask-image: en ambos casos el
   ícono toma `currentColor`, así que hereda el color del texto igual que lo hacía el
   ícono-fuente. Este archivo tiene una copia en public/assets/home2026/styles/icons.css
   para los mirrors estáticos de /public/landings, que no pasan por el bundle de Next.
   Al tocar uno, tocá el otro (mismo criterio que header-and-footer-2026.css). */

.las {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  line-height: 1;
  vertical-align: middle;
}

/* --- chevrons: se dibujan con borde ---------------------------------------
   La orientación va en ::before; el <i> conserva su propio transform (el header lo
   rota 180° al abrir el dropdown, y ese giro se aplica al chevron entero). */
.las.la-angle-down::before,
.las.la-angle-right::before {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  border: solid currentColor;
  border-width: 0 .13em .13em 0;
  box-sizing: border-box;
}
.las.la-angle-down::before { transform: translateY(-.15em) rotate(45deg); }
.las.la-angle-right::before { transform: translateX(-.1em) rotate(-45deg); }

/* El glifo de la fuente ocupaba un cuadratín completo (1em) con el dibujo centrado, así
   que dejaba aire a los lados. El chevron de borde mide .5em: sin esto queda pegado al
   texto. Fijar el ancho en 1em replica el avance del glifo y el flex lo centra. */
.las.la-angle-down,
.las.la-angle-right {
  width: 1em;
}

/* --- íconos con forma: mask-image + currentColor --------------------------
   El SVG define la silueta (el canal alfa) y el color lo pone background-color, así
   que siguen heredando el color del texto. */
.las.la-bars::before,
.las.la-user::before,
.las.la-arrow-right::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.las.la-bars::before {
  -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 6h18v2.2H3zm0 4.9h18v2.2H3zm0 4.9h18v2.2H3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v2.2H3zm0 4.9h18v2.2H3zm0 4.9h18v2.2H3z'/%3E%3C/svg%3E");
}

.las.la-user::before {
  -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 12.4a4.7 4.7 0 110-9.4 4.7 4.7 0 010 9.4zm0 1.8c4.3 0 7.8 2.3 7.8 5.1V21H4.2v-1.7c0-2.8 3.5-5.1 7.8-5.1z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12.4a4.7 4.7 0 110-9.4 4.7 4.7 0 010 9.4zm0 1.8c4.3 0 7.8 2.3 7.8 5.1V21H4.2v-1.7c0-2.8 3.5-5.1 7.8-5.1z'/%3E%3C/svg%3E");
}

.las.la-arrow-right::before {
  -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.1 4.4l7 7a.85.85 0 010 1.2l-7 7-1.55-1.55 5.13-5.13H3.9v-2.2h12.78L11.55 5.95z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.1 4.4l7 7a.85.85 0 010 1.2l-7 7-1.55-1.55 5.13-5.13H3.9v-2.2h12.78L11.55 5.95z'/%3E%3C/svg%3E");
}