/*---------------------------------------------------------------------------------------------------------------
   AUTOR          : DIEGO BUSTOS PEÑA
   FECHA CREACIÓN : 09-06-2026
   DESCRIPCIÓN    : CSS DE LA ANIMACIÓN DE LOS MODAL O VENTANAS EMERGENTES
----------------------------------------------------------------------------------------------------------------*/

/* ANIMACIÓN MODAL */
.modal.fade .modal-dialog {
    transform  : translateY(24px) scale(.97);
    opacity    : 0;
    transition :
        transform .28s ease,
        opacity .28s ease;
}

.modal.show .modal-dialog {
    transform : translateY(0) scale(1);
    opacity   : 1;
}

/* ANIMACIÓN BACKDROP */
.modal-backdrop.fade {
    opacity : 0;
}

.modal-backdrop.show {
    opacity : .55;
}

/* MICROANIMACIONES */
.modal.show .modal-content {
    animation : modalReveal .35s ease;
}

@keyframes modalReveal {

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

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