/* filtros de color para las imágenes de svg */
/* aplicar la clase al <img src="url-de-la-imagen.svg" class="filtro-color"/> */
.filtro-gris {
    filter: brightness(0) saturate(100%) invert(85%) sepia(2%) saturate(0%) hue-rotate(212deg) brightness(90%) contrast(81%);
}
.filtro-blanco {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(15%) hue-rotate(237deg) brightness(105%) contrast(100%);
}
.filtro-naranja {
    /* aplica el #F47115 */
    filter: brightness(0) saturate(100%) invert(47%) sepia(89%) saturate(1957%) hue-rotate(354deg) brightness(100%) contrast(92%);
}

.filtro-morado {
    filter: brightness(0) saturate(100%) invert(19%) sepia(26%) saturate(3536%) hue-rotate(263deg) brightness(94%) contrast(93%);
}

.filtro-rosa {
    /* aplica el #ED135D */
    filter: brightness(0) saturate(100%) invert(74%) sepia(55%) saturate(7496%) hue-rotate(272deg) brightness(95%) contrast(88%);
}
.filtro-fucsia {
    /* aplica el #ED135D */
    filter: brightness(0) saturate(100%) invert(47%) sepia(44%) saturate(6714%) hue-rotate(316deg) brightness(98%) contrast(94%);
}

.filtro-amarillo {
    /* aplica #f2417d */
    filter: brightness(0) saturate(100%) invert(91%) sepia(11%) saturate(6162%) hue-rotate(330deg) brightness(90%) contrast(93%);
}

.filtro-azul {
    /* aplica #2D9BDD */
    filter: brightness(0) saturate(100%) invert(52%) sepia(60%) saturate(658%) hue-rotate(162deg) brightness(92%) contrast(88%);
}
.filtro-turquesa {
    /* aplica #1597a6 */
    filter: brightness(0) saturate(100%) invert(75%) sepia(87%) saturate(6511%) hue-rotate(158deg) brightness(94%) contrast(84%);
}

.filtro-verde-claro {
    /* aplica #59C033 */
    filter: brightness(0) saturate(100%) invert(65%) sepia(54%) saturate(600%) hue-rotate(58deg) brightness(88%) contrast(89%) !important;
}

.filtro-verde-oscuro {
    /* aplica #2C6B4C */
    filter: brightness(0) saturate(100%) invert(35%) sepia(58%) saturate(397%) hue-rotate(98deg) brightness(87%) contrast(90%);
}