/* Icono de basurero (fa-trash) */
.fa-trash::before { content: "\f1f8"; }
/* Icono de eliminar (fa-times-circle) */
.fa-times-circle::before { content: "\f057"; }
/* Font Awesome Custom - Only Icons Used */

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/fontawesome-solid.woff2') format('woff2');
}

@font-face {
    font-family: 'FontAwesomeBrand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/fontawesome-brands.woff2') format('woff2');
}

.fas, .fa-solid {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fab, .fa-brands {
    display: inline-block;
    font-family: FontAwesomeBrand;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Solid Icons */
.fa-phone::before { content: "\f095"; }
.fa-envelope::before { content: "\f0e0"; }
.fa-dollar-sign::before { content: "\f155"; }
.fa-user-lock::before { content: "\f502"; }
.fa-map-marker-alt::before { content: "\f3c5"; }
.fa-share-alt::before { content: "\f1e0"; }

/* Brand Icons */
.fa-facebook-f::before { content: "\f39e"; }
.fa-instagram::before { content: "\f16d"; }
.fa-tiktok::before { content: "\e07b"; }
.fa-youtube::before { content: "\f167"; }
.fa-twitter::before { content: "\f099"; }
.fa-whatsapp::before { content: "\f232"; }
.fa-facebook-messenger::before { content: "\f39f"; }
.fa-cc-paypal::before { content: "\f1f4"; }

/* Utility Classes */
.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

/* Sizing */
.fa-xs {
    font-size: 0.75em;
}

.fa-sm {
    font-size: 0.875em;
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

/* Rotating */
.fa-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}