.icon-wp { 
    width: 40px; 
    height: 40px; 
    transition: filter .2s; 
}        

.icon-wp:hover {
    filter: invert(36%) sepia(86%) saturate(339%) hue-rotate(115deg) brightness(85%) contrast(96%);
}     

.icon-linkedin { 
    width: 40px; 
    height: 40px; 
    transition: filter .2s; 
}

.icon-linkedin:hover {
    filter: brightness(0) saturate(100%) invert(35%) sepia(96%) saturate(7496%) hue-rotate(190deg) brightness(96%) contrast(101%);
}

.icon-phone { 
    width: 40px; 
    height: 40px; 
    transition: filter .2s; 
}

.icon-phone:hover {
    /* Filtro exacto para #F54927 */
    filter: brightness(0) saturate(100%) invert(45%) sepia(72%) saturate(3398%) hue-rotate(348deg) brightness(96%) contrast(103%);
}

.icon-cv { 
    width: 40px; 
    height: 40px; 
    transition: filter .2s; 
}

.icon-cv:hover {
    /* Filtro exacto para #783B16 */
    filter: brightness(0) saturate(100%) invert(25%) sepia(20%) saturate(4293%) hue-rotate(348deg) brightness(98%) contrast(92%);
}

.icon-email { 
    width: 40px; 
    height: 40px; 
    transition: filter .2s; 
}

.icon-email:hover {
    /* Filtro exacto para #B3B3B3 */
    filter: brightness(0) saturate(100%) invert(70.2%);
}

.icon-person { 
    width: 40px; 
    height: 40px; 
    transition: filter .2s; 
}

.icon-person:hover {
    /* Filtro exacto para #B3B3B3 */
    filter: brightness(0) saturate(100%) invert(10%) sepia(96%) saturate(7476%) hue-rotate(244deg) brightness(92%) contrast(104%);
}

.icon-folder { 
    width: 15px; 
    height: 15px; 
}