/* 1. ESTADO NORMAL DE LOS ICONOS */
body #header .iqit-header-actions i,
body #header .iqit-header-actions svg,
body #header #search_widget i,
body #header #search_widget svg,
body #header #_desktop_user_info i,
body #header #_desktop_user_info svg,
body #header #_desktop_cart i,
body #header #_desktop_cart svg {
    color: #000000 !important;
    fill: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.25s ease-in-out !important;
}

/* 2. EFECTO HOVER (AL PASAR EL RATÓN) */
body #header #search_widget:hover i,
body #header #search_widget:hover svg,
body #header #_desktop_user_info a:hover i,
body #header #_desktop_user_info a:hover svg,
body #header #_desktop_cart a:hover i,
body #header #_desktop_cart a:hover svg,
body #header .iqit-header-actions a:hover i,
body #header .iqit-header-actions a:hover svg {
    color: #888888 !important;
    fill: #888888 !important;
    transform: translateY(-2px) !important;
}