/* RF2 - macro-step completati */

@media (hover: hover) and (pointer: fine) {

    .rf2-gc-macro.ok {
        opacity: .10 !important;
        filter: grayscale(1) saturate(.05) !important;
        transition:
            opacity .20s ease,
            filter .20s ease !important;
    }

    .rf2-gc-macro.ok:hover {
        opacity: .85 !important;
        filter: grayscale(.10) saturate(.90) !important;
    }
}

/* Il passaggio corrente resta sempre evidente */
.rf2-gc-macro.attivo {
    opacity: 1 !important;
    filter: none !important;
}

/* Tablet/touch: niente quasi-scomparsa perché manca hover */
@media (hover: none), (pointer: coarse) {

    .rf2-gc-macro.ok {
        opacity: .55 !important;
        filter: grayscale(.65) saturate(.35) !important;
    }
}