/*=========================================================
    EVOL-IA DESIGN SYSTEM
    Animaciones
==========================================================*/


/*=========================================
    APARICIÓN SUAVE
=========================================*/

@keyframes fadeIn{

    from{

        opacity:0;
        transform:translateY(25px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}


/*=========================================
    RESPIRACIÓN
=========================================*/

@keyframes breathing{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.02);

    }

    100%{

        transform:scale(1);

    }

}


/*=========================================
    BRILLO DEL LOGO
=========================================*/

@keyframes logoGlow{

    0%{

        filter:
        drop-shadow(0 0 10px rgba(0,180,255,.15));

    }

    50%{

        filter:
        drop-shadow(0 0 28px rgba(0,180,255,.50));

    }

    100%{

        filter:
        drop-shadow(0 0 10px rgba(0,180,255,.15));

    }

}


/*=========================================
    BRILLO BOTÓN
=========================================*/

@keyframes buttonGlow{

    0%{

        box-shadow:

        0 0 15px rgba(0,180,255,.20);

    }

    50%{

        box-shadow:

        0 0 45px rgba(140,66,255,.55);

    }

    100%{

        box-shadow:

        0 0 15px rgba(0,180,255,.20);

    }

}


/*=========================================
    TARJETA FLOTANTE
=========================================*/

@keyframes floating{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-6px);

    }

    100%{

        transform:translateY(0px);

    }

}


/*=========================================
    LÍNEA DE LUZ
=========================================*/

@keyframes lineGlow{

    0%{

        opacity:.4;
        width:90px;

    }

    50%{

        opacity:1;
        width:150px;

    }

    100%{

        opacity:.4;
        width:90px;

    }

}


/* ==========================================================
   Fase 1 — Sistema visual base (2026-08-11)
   Se quitaron 4 keyframes de este archivo: particles, waves,
   histogram, shine. Estaban definidas pero no las referenciaba
   ningun CSS de pantalla (verificado con grep sobre los 9
   archivos CSS reales antes de quitarlas) -- hallazgo original
   de la auditoria de Fase 0, ver claude/fase0-auditoria-frontend-evolia.md.
   Si alguna hace falta mas adelante, se puede recuperar del
   historial de git.
   ========================================================== */