/* FontAwesome 6 Subset - Solo iconos utilizados */
/* Basado en la sintaxis de Font Awesome 6 con variables CSS */

.fa,
.fas,
.fab {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-weight: var(--fa-style, 900);
    width: var(--fa-width, 1.25em);
    text-align: center
}

.fas:before,
.fab:before {
    content: var(--fa)
}

/* Solid icons */
.fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

/* Brand icons */
.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

/* Solid icons utilizados */
.fa-chevron-left {
    --fa: "\f053"
}

.fa-chevron-right {
    --fa: "\f054"
}

.fa-arrow-right {
    --fa: "\f061"
}

.fa-times,
.fa-xmark,
.fa-close {
    --fa: "\f00d"
}

.fa-angle-down {
    --fa: "\f107"
}

.fa-envelope {
    --fa: "\f0e0"
}

.fa-language {
    --fa: "\f1ab"
}

.fa-lightbulb {
    --fa: "\f0eb"
}

.fa-sun {
    --fa: "\f185"
}

.fa-moon {
    --fa: "\f186"
}

.fa-code {
    --fa: "\f121"
}

.fa-cubes {
    --fa: "\f1b3"
}

.fa-tools,
.fa-screwdriver-wrench {
    --fa: "\f7d9"
}

.fa-up-right-from-square,
.fa-arrow-up-right-from-square,
.fa-external-link {
    --fa: "\f08e"
}

.fa-link,
.fa-chain {
    --fa: "\f0c1"
}

/* Brand icons utilizados */
.fa-github {
    --fa: "\f09b"
}

.fa-linkedin,
.fa-linkedin-in {
    --fa: "\f0e1"
}

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

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