/*---------------------------------------------------------------------------------------------------------------
   AUTOR          : DIEGO BUSTOS PEÑA
   FECHA CREACIÓN : 09-06-2026
   DESCRIPCIÓN    : CSS DE "ANIMACIONES"
----------------------------------------------------------------------------------------------------------------*/

/* FADE IN  */
.fade-in {
    animation : fadeIn .35s ease;
}

@keyframes fadeIn {

    from {
        opacity   : 0;
        transform : translateY(8px);
    }

    to {
        opacity   : 1;
        transform : translateY(0);
    }

}

/* SCALE IN */
.scale-in {
    animation : scaleIn .25s ease;
}

@keyframes scaleIn {

    from {
        opacity   : 0;
        transform : scale(.96);
    }

    to {
        opacity   : 1;
        transform : scale(1);
    }

}

/* FLOAT */
.float-hover {
    transition : transform .2s ease;
}

.float-hover:hover {
    transform : translateY(-2px);
}