/* icon-svg.css — Reemplaza el bundle JS de FontAwesome por SVG sprites.
   49 íconos usados en el sitio. Tamaño: ~3 KB vs 70 KB JS + 150 KB fonts. */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0;
  flex-shrink: 0;
  overflow: visible;
}

/* Compatibilidad con las clases antiguas: cuando se usa <i class="fas fa-X"> */
i.fas, i.far, i.fab, i.fa {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
  font-style: normal;
}

/* Tamaños relativos */
.icon-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; }
.icon-fw { width: 1.28571em; text-align: center; }

/* Modo oscuro: heredar currentColor */
@media (prefers-color-scheme: dark) {
  .icon { fill: currentColor; }
}