/* 
 * FontAwesome Compatibility Layer
 * Mantiene compatibilidad con FontAwesome 4.7.0 y añade nuevos iconos de FontAwesome 6.5.1
 * Especialmente para el nuevo logo de Twitter (X)
 */

/* Importar FontAwesome 6.5.1 para nuevos iconos */
@import url('../font-awesome/fontawesome-free-6.5.1-web/css/all.min.css');

/* Mantener compatibilidad con FontAwesome 4.7.0 */
/* Los iconos existentes seguirán funcionando con la clase 'fa' */

/* Nuevo icono de Twitter (X) - disponible en FontAwesome 6.5.1 */
.fa-x-twitter:before {
    content: "\e61b";
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

/* Asegurar que el icono de Twitter antiguo siga funcionando */
.fa-twitter:before {
    content: "\f099";
    font-family: "FontAwesome";
}

/* Compatibilidad para iconos de marcas que podrían no estar en FA 4.7.0 */
.fa-twitter-square:before {
    content: "\f081";
    font-family: "FontAwesome";
}

/* Asegurar que todos los iconos de FontAwesome 4.7.0 sigan funcionando */
.fa {
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Para iconos de marcas específicos de FontAwesome 6 */
.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

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

.far {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
}

.fal {
    font-family: "Font Awesome 6 Free";
    font-weight: 300;
}

.fad {
    font-family: "Font Awesome 6 Duotone";
    font-weight: 900;
}

.fat {
    font-family: "Font Awesome 6 Thin";
    font-weight: 100;
}

/* Asegurar que los iconos de FontAwesome 4.7.0 mantengan su estilo */
.fa:before {
    font-family: "FontAwesome";
}

/* Nota: Este archivo debe cargarse DESPUÉS de FontAwesome 4.7.0 para mantener la compatibilidad */