/* ============================================================
   SISTEMA DE ÍCONOS DINÁMICOS - DEV CORE SOLUTIONS PREMIUM
   ============================================================ */

/* Animaciones para íconos */
.dyn-icon {
    display: inline-block;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s ease, filter 0.25s ease;
    color: var(--primary-color);
}

.dyn-icon:hover, .nav-link:hover .dyn-icon {
    transform: scale(1.15) rotate(4deg);
    color: var(--primary-light);
    filter: drop-shadow(0 0 8px var(--primary-color));
}

i.fas, i.far, i.fab {
    transition: transform 0.25s ease, color 0.25s ease, filter 0.25s ease;
}

a:hover > i.fas, button:hover > i.fas, .nav-link:hover > i.fas {
    transform: scale(1.1);
    color: var(--primary-light);
    filter: drop-shadow(0 0 6px var(--primary-color));
}