/* =============================================================
   ICONS 2 — Challenge Mercado Libre
   Fuente: SVGs Figma · carpeta "icons 2"
   Color: stroke #18191B (Icon/secondary) embebido en cada SVG
   Uso:  <span class="icon icon--chevron-left"></span>
         <span class="icon icon--elipsis"></span>
   ============================================================= */

.icon {
  display:             inline-block;
  width:               var(--icon-size-sm);    /* 24px */
  height:              var(--icon-size-sm);    /* 24px */
  background-repeat:   no-repeat;
  background-size:     contain;
  background-position: center;
  vertical-align:      middle;
  flex-shrink:         0;
}

.icon--lg {
  width:  var(--icon-size-lg);
  height: var(--icon-size-lg);
}

/* -----------------------------------------------------------
   Catálogo · 22 iconos SVG · stroke 1.5 · color #18191B
----------------------------------------------------------- */

/* Alertas y estados */
.icon--alert-circle     { background-image: url('icons 2/Icons=alert-circle.svg'); }
.icon--alert-octagon    { background-image: url('icons 2/Icons=alert-octagon.svg'); }
.icon--alert-triangle   { background-image: url('icons 2/Icons=alert-triangle.svg'); }
.icon--check-circle     { background-image: url('icons 2/Icons=check-circle.svg'); }
.icon--check-verified   { background-image: url('icons 2/Icons=check-verified-01.svg'); }
.icon--help-circle      { background-image: url('icons 2/Icons=help-circle.svg'); }
.icon--info-circle      { background-image: url('icons 2/Icons=info-circle.svg'); }
.icon--plus-circle      { background-image: url('icons 2/Icons=plus-circle.svg'); }
.icon--zap-circle       { background-image: url('icons 2/Icons=zap-circle.svg'); }

/* Navegación */
.icon--chevron-up       { background-image: url('icons 2/Icons=chevron-up.svg'); }
.icon--chevron-down     { background-image: url('icons 2/Icons=chevron-down.svg'); }
.icon--chevron-left     { background-image: url('icons 2/Icons=chevron-left.svg'); }
.icon--chevron-right    { background-image: url('icons 2/Icons=chevron-right.svg'); }
.icon--elipsis          { background-image: url('icons 2/Icons=Elipsis.svg'); }

/* Comercio y finanzas */
.icon--currency-dollar        { background-image: url('icons 2/Icons=currency-dollar.svg'); }
.icon--currency-dollar-circle { background-image: url('icons 2/Icons=currency-dollar-circle.svg'); }
.icon--piggy-bank             { background-image: url('icons 2/Icons=piggy-bank-02.svg'); }
.icon--target                 { background-image: url('icons 2/Icons=target-04.svg'); }

/* Logística y producto */
.icon--package     { background-image: url('icons 2/Icons=package.svg'); }
.icon--truck       { background-image: url('icons 2/Icons=truck-02.svg'); }

/* Acciones */
.icon--share           { background-image: url('icons 2/Icons=share-07.svg'); }
.icon--music-note-plus { background-image: url('icons 2/Icons=music-note-plus.svg'); }