/* IMPORTACION DE TODOS LOS ESTILOS */
@import 'dashboard/dashboard.css';
@import 'index/index.css';
@import 'form/sesion/login.css';

@import 'form/promociones/edit-promociones.css';
@import 'form/promociones/register-promociones.css';

@import 'form/products/register-products.css';
@import 'form/products/edit-product.css';
@import 'dashboard/config/configurations.css';

@import 'index/products/all-product.css';
@import 'index/compras/compras-index.css';


.fade-in-left,
.fade-in-right,
.fade-in-item,
.title-animate,
.description-animate,
.btn-animate,
.fade-in-up-field,
.fade-in-up-footer {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-left {
    transform: translateX(-40px);
}

.fade-in-right {
    transform: translateX(40px);
}

.fade-in-left.visible,
.fade-in-right.visible,
.fade-in-item.visible,
.title-animate.visible,
.description-animate.visible,
.btn-animate.visible,
.fade-in-up-field.visible,
.fade-in-up-footer.visible {
    opacity: 1;
    transform: translateY(0) translateX(0);
}