.icon-arrow-1 {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;

    background-color: currentColor;

    -webkit-mask: url('../assets/icons/desolArrow1.svg') center / contain no-repeat;
          mask: url('../assets/icons/desolArrow1.svg') center / contain no-repeat;
}
.icon-pastilla-1 {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;

    background-color: currentColor;

    -webkit-mask: url('../assets/icons/pastilla.svg') center / contain no-repeat;
          mask: url('../assets/icons/pastilla.svg') center / contain no-repeat;
}
.icon-bar-1 {
    display: inline-block;
    width: 1em;
    height: 2.1em;
    vertical-align: middle;

    background-color: currentColor;

    -webkit-mask: url('../assets/logos/bars/bar1.svg') center / contain no-repeat;
          mask: url('../assets/logos/bars/bar1.svg') center / contain no-repeat;
}
.icon-bar-2 {
    display: inline-block;
    width: 1em;
    height: 2.1em;
    margin-left: -0.65em;
    vertical-align: middle;

    background-color: currentColor;

    -webkit-mask: url('../assets/logos/bars/bar2.svg') center / contain no-repeat;
          mask: url('../assets/logos/bars/bar2.svg') center / contain no-repeat;
}
.icon-bar-3 {
    display: inline-block;
    width: 1em;
    height: 2.1em;
    margin-left: -0.65em;
    vertical-align: middle;

    background-color: currentColor;

    -webkit-mask: url('../assets/logos/bars/bar3.svg') center / contain no-repeat;
          mask: url('../assets/logos/bars/bar3.svg') center / contain no-repeat;
}