/*
=================================================
DC Framework
Animations
Versión 1.0
=================================================
*/

/* Transiciones Globales */

*{
    transition:
    background .3s ease,
    color .3s ease,
    border-color .3s ease,
    box-shadow .3s ease,
    transform .3s ease;
}

/* Hover */

.dc-hover-up:hover{

    transform:translateY(-8px);

}

.dc-hover-scale:hover{

    transform:scale(1.05);

}

.dc-hover-shadow:hover{

    box-shadow:var(--dc-shadow-lg);

}

/* Fade */

.dc-fade{

    opacity:0;

    transition:opacity .6s ease;

}

.dc-fade.show{

    opacity:1;

}

/* Fade Up */

.dc-fade-up{

    opacity:0;

    transform:translateY(40px);

    transition:all .7s ease;

}

.dc-fade-up.show{

    opacity:1;

    transform:translateY(0);

}

/* Fade Left */

.dc-fade-left{

    opacity:0;

    transform:translateX(-40px);

    transition:all .7s ease;

}

.dc-fade-left.show{

    opacity:1;

    transform:translateX(0);

}

/* Fade Right */

.dc-fade-right{

    opacity:0;

    transform:translateX(40px);

    transition:all .7s ease;

}

.dc-fade-right.show{

    opacity:1;

    transform:translateX(0);

}

/* Zoom */

.dc-zoom{

    opacity:0;

    transform:scale(.85);

    transition:all .7s ease;

}

.dc-zoom.show{

    opacity:1;

    transform:scale(1);

}

/* Rotación */

.dc-rotate:hover{

    transform:rotate(5deg);

}

/* Botón */

.dc-btn:hover{

    transform:translateY(-3px);

}

/* Card */

.dc-card:hover{

    transform:translateY(-10px);

}