/* ============================================================
   ICON SYSTEM (sprite SVG inline)
   Tamaños: --sm 14px, --md 18px, --lg 24px, --xl 32px
   Color: hereda de `color: ...` del contexto (currentColor)
   ============================================================ */

.lz-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
}

.lz-icon--sm { font-size: 14px; }
.lz-icon--md { font-size: 18px; }
.lz-icon--lg { font-size: 24px; filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(55%) hue-rotate(322deg) brightness(115%) contrast(96%);}
.lz-icon--xl { font-size: 32px; }

/* Helpers de alineación frecuentes */
.lz-icon--baseline { vertical-align: baseline; }
.lz-icon--top     { vertical-align: top; }