/*
 * Ícones flat em SVG (Material Design Icons, licença Apache 2.0) no lugar do Font Awesome 4.
 * Mantém as classes "fa fa-*" já usadas no HTML e no ekko-lightbox; a cor vem de currentColor.
 */
.fa {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask: var(--ce-icone) no-repeat center / contain;
    mask: var(--ce-icone) no-repeat center / contain;
}
.fa-chevron-left  { --ce-icone: url(../img_rec/fa/chevron-left.svg); }
.fa-chevron-right { --ce-icone: url(../img_rec/fa/chevron-right.svg); }
.fa-envelope-o    { --ce-icone: url(../img_rec/fa/envelope-o.svg); }
.fa-cutlery       { --ce-icone: url(../img_rec/fa/cutlery.svg); }
.fa-rocket        { --ce-icone: url(../img_rec/fa/rocket.svg); }
.fa-male          { --ce-icone: url(../img_rec/fa/male.svg); }
.fa-female        { --ce-icone: url(../img_rec/fa/female.svg); }
.fa-bed           { --ce-icone: url(../img_rec/fa/bed.svg); }
.fa-map-marker    { --ce-icone: url(../img_rec/fa/map-marker.svg); }
.fa-asterisk      { --ce-icone: url(../img_rec/fa/asterisk.svg); }
.fa-users         { --ce-icone: url(../img_rec/fa/users.svg); }
/* "fa-level-up fa-rotate-90" (seta ↳ da migalha): o SVG já vem na orientação final */
.fa-level-up      { --ce-icone: url(../img_rec/fa/level-up.svg); }