/* ========================================
   FONTAWESOME FIX - MÁXIMA PRIORIDAD
   ======================================== */

/* Importar FontAwesome directamente */
@import url('https://use.fontawesome.com/releases/v6.4.0/css/all.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* Forzar FontAwesome con máxima prioridad */
.fas, .far, .fab, .fal, .fa, 
i[class*="fa-"], 
[class*="fa-"]::before, 
[class*="fas"]::before,
[class*="far"]::before,
[class*="fab"]::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    display: inline-block !important;
    line-height: 1 !important;
}

/* Específico para iconos far (outline) */
.far, .fa-regular {
    font-weight: 400 !important;
}

/* Específico para iconos fab (brands) */
.fab, .fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Sobrescribir cualquier regla que pueda interferir */
* .fas, * .far, * .fab, * .fal, * .fa,
* i[class*="fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

/* Asegurar que Century Gothic no afecte los iconos */
.fas, .far, .fab, .fal, .fa {
    font-family: "Font Awesome 6 Free" !important;
}

/* Fix específico para navegación */
.navbar .fas, .navbar .far, .navbar .fab,
.nav .fas, .nav .far, .nav .fab,
header .fas, header .far, header .fab {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* Fix específico para botones */
.btn .fas, .btn .far, .btn .fab,
button .fas, button .far, button .fab {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* Fix específico para cards */
.card .fas, .card .far, .card .fab,
.content-card .fas, .content-card .far, .content-card .fab {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}