/*
    Los iconos de FontAwesome dentro de los controles de mobiscroll.

    Cuando a un ms-input o a un ms-display se le pone data-icon="fa-solid fa-user", mobiscroll
    parte el valor por el primer espacio y deja la clase mbsc-ic-fa-solid mas la fa-user. Esa
    mbsc-ic-fa-solid no es un icono suyo, y su regla .mbsc-ic impone font-family:icons_mobiscroll,
    asi que el glifo de FontAwesome no llega a dibujarse: el control sale sin icono.

    Aqui se le devuelve a esas clases la fuente y el grosor que les corresponden. Va con
    !important porque la hoja de mobiscroll se carga despues y gana por orden.

    Ojo al cambiar de version de FontAwesome: el nombre de la familia lleva el numero dentro
    ("Font Awesome 7 Free"). Con el nombre de la version vieja no falla nada, simplemente no
    se pinta el icono, que es lo que pasaba en las webs de Fernando con el de la 5.
*/

.mbsc-ic-fa-solid:before,
.mbsc-ic-fas:before,
.mbsc-ic-fa:before {
    content: var(--fa) !important;
    font-family: 'Font Awesome 7 Free' !important;
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 900 !important;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mbsc-ic-fa-brands:before,
.mbsc-ic-fab:before {
    content: var(--fa) !important;
    font-family: 'Font Awesome 7 Brands' !important;
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mbsc-ic-fa-regular:before,
.mbsc-ic-far:before {
    content: var(--fa) !important;
    font-family: 'Font Awesome 7 Free' !important;
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}