/*
 * qicons-supplemental.css
 *
 * Set extendido de iconos del CDN de Quipux (649 iconos) en modo convivencia
 * controlada con q-line-icons.css.
 *
 * ESTRATEGIA: granular (no global).
 * El style.css oficial del CDN (`https://cdn.quipux.com/.../qicons/style.css`)
 * define reglas globales con `!important` que reescriben el font-family de
 * TODO elemento con clase `icon-*`, lo que rompe visualmente los 53 iconos
 * del set local q-line-icons. Por eso no usamos ese CSS directo.
 *
 * En lugar de eso:
 *   1. Cargamos solo el `@font-face` del set qicons desde el CDN.
 *   2. Forzamos font-family: 'qicons' UNICAMENTE en las clases que
 *      explícitamente listamos abajo (override selectivo).
 *   3. El resto de los icon-* sigue usando q-line-icons sin cambios.
 *
 * COMO AGREGAR MAS ICONOS:
 *   - Copia el bloque `.icon-NOMBRE { ... } .icon-NOMBRE:before { content: "..." }`.
 *   - Reemplaza NOMBRE y el unicode por alguno de los 649 disponibles en
 *     https://cdn.quipux.com/resources/icons/qicons/style.css
 *   - Sin afectar al resto de la pagina.
 */

/* 1. Font-face del set qicons descargado desde el CDN de Quipux */
@font-face {
  font-family: 'qicons';
  src: url('https://cdn.quipux.com/resources/icons/qicons/fonts/qicons.eot?45p1e1');
  src: url('https://cdn.quipux.com/resources/icons/qicons/fonts/qicons.eot?45p1e1#iefix') format('embedded-opentype'),
       url('https://cdn.quipux.com/resources/icons/qicons/fonts/qicons.ttf?45p1e1') format('truetype'),
       url('https://cdn.quipux.com/resources/icons/qicons/fonts/qicons.woff?45p1e1') format('woff'),
       url('https://cdn.quipux.com/resources/icons/qicons/fonts/qicons.svg?45p1e1#qicons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon-grua {
  font-family: 'qicons' !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-grua:before {
  content: "\e900";
}

.icon-grua-alt {
  font-family: 'qicons' !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-grua-alt:before {
  content: "\e904";
}