/* ==========================================================================
Iconos La Canasta · se usan igual que FontAwesome
==========================================================================
Heredan color y tamaño del texto que los rodea, igual que FontAwesome:
.shopping-cart a.icon { color:#1B77BA; font-size:1.2rem; }
...pinta y escala el icono sin tocar nada más.
Modificadores de tamaño: lc-lg (1.25em) · lc-2x · lc-3x
Ancho fijo para alinear listas: lc-fw
Para sustituir un icono por el original de Figma: expórtalo en SVG, ábrelo
en un editor de texto y pega su código en assets/icons/{nombre}.svg; luego
vuelve a generar la regla --lc-i correspondiente (ver README-ICONOS.md).
========================================================================== */
.lc {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
-webkit-mask: var(--lc-i) no-repeat center / contain;
mask: var(--lc-i) no-repeat center / contain;
flex: none;
}
.lc-lg { font-size: 1.25em; }
.lc-2x { font-size: 2em; }
.lc-3x { font-size: 3em; }
.lc-fw { width: 1.25em; text-align: center; }
.lc-girar { animation: lc-girar 1.4s linear infinite; }
@keyframes lc-girar { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
.lc-girar { animation: none; }
}
/* --- Iconos ------------------------------------------------------------- */
.lc-menu { --lc-i: url("data:image/svg+xml,"); }
.lc-cerrar { --lc-i: url("data:image/svg+xml,"); }
.lc-usuario { --lc-i: url("data:image/svg+xml,"); }
.lc-canasta { --lc-i: url("data:image/svg+xml,"); }
.lc-tienda { --lc-i: url("data:image/svg+xml,"); }
.lc-carrito { --lc-i: url("data:image/svg+xml,"); }
.lc-ubicacion { --lc-i: url("data:image/svg+xml,"); }
.lc-lupa { --lc-i: url("data:image/svg+xml,"); }
.lc-telefono { --lc-i: url("data:image/svg+xml,"); }
.lc-sobre { --lc-i: url("data:image/svg+xml,"); }
.lc-flor { --lc-i: url("data:image/svg+xml,"); }
.lc-whatsapp { --lc-i: url("data:image/svg+xml,"); }