/*!
 * Font Awesome Free 6 - Subset
 * Solo los iconos usados en este proyecto (18 iconos + clases base)
 * Fuentes locales en /fonts/
 */

/* ── @font-face ─────────────────────────────────────────────────────── */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/fonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/fonts/fa-brands-400.woff2") format("woff2");
}

/* ── Base classes ───────────────────────────────────────────────────── */
.fa-solid,
.fas {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

/* ── Spin modifier ──────────────────────────────────────────────────── */
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
@keyframes fa-spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ── Solid icons ────────────────────────────────────────────────────── */
.fa-wallet::before         { content: "\f555"; }
.fa-right-left::before     { content: "\f362"; }
.fa-chart-line::before     { content: "\f201"; }
.fa-shield-halved::before  { content: "\f3ed"; }
.fa-code::before           { content: "\f121"; }
.fa-rocket::before         { content: "\f135"; }
.fa-link::before           { content: "\f0c1"; }
.fa-bolt::before           { content: "\f0e7"; }
.fa-plus::before           { content: "\2b"; }
.fa-minus::before          { content: "\f068"; }
.fa-arrow-right::before    { content: "\f061"; }
.fa-download::before       { content: "\f019"; }
.fa-circle-check::before   { content: "\f058"; }
.fa-spinner::before        { content: "\f110"; }
.fa-file-invoice::before   { content: "\f570"; }

/* ── Brand icons ────────────────────────────────────────────────────── */
.fa-x-twitter::before  { content: "\e61b"; }
.fa-telegram::before   { content: "\f2c6"; }
.fa-tiktok::before     { content: "\e07b"; }