@font-face {
  font-family: "RobotoVar";
  src: url("../fonts/google/Roboto-Variable.ttf") format("truetype");
  font-weight: 100 900;  /* Rango completo de Roboto Variable */
  font-stretch: 75% 100%;
  font-style: normal;
}

@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/awesome/fa-solid-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.fa-solid {
  color:var(--color-azul);
  font-family: "FontAwesome";
  font-weight: 900;
  font-style: normal;
  font-size: 32px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
}

.fa-bars:before {
  content: "\f0c9";
}
.fa-circle-info:before {
  content: "\f05a";
}
.fa-gear:before {
  content: "\f013";
}
.fa-qrcode:before {
  content: "\f029";
}