.centrarModal{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 100%; */
    margin-top: 50px;
}

.modalContainer{
    position: absolute;
    height: auto;
    width: 50%;
    top: unset;
    left: unset;
    box-shadow: 0 0 12px 0px #383838;
    transform: scale(0);
    transition: transform 0.5s;  /* Aplica la transición a la propiedad transform */
}

.ui-front {
    z-index: 1035 !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background-color: #0d6efd;
    color: white;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-dialog-titlebar-close.ui-button-icon-only {
    color: #0d6efd !important;
    background: white;
    transition: background 1s, color 1s;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-dialog-titlebar-close.ui-button-icon-only:hover {
    background: #d0d0d0;
    border: 1px solid #9f9f9f;
}

.btn-modal-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}