.centrarModal{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.modalContainer{
    position: absolute;
    height: auto;
    width: auto;
    min-width: 25vw;
    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 */
    border-radius: 1em;
}

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

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background-color: #32244a;
    color: white;
    padding: 5px 20px;
    border-radius: 1em 1em 0em 0em;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-dialog-titlebar-close.ui-button-icon-only {
    color: #ffffff !important;
    background: #32244a;
    border: transparent;
    border-radius: 5px;
    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 {
    color: #6c97c1 !important;
    background: #ffffff;
}

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

div#myModal {
    position: fixed;
    width: 100%;
    height: 100%;
}

div#txtcondiciones {
    display: flex;
    width: auto;
    min-height: 101px;
    height: auto;
    background-color: white;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 0em 0em 1em 1em;
}

.ui-dialog-titlebar {
    display: flex;
    justify-content: space-between; /* Esto distribuye los elementos a lo largo de la línea */
    align-items: center; /* Esto alinea los elementos verticalmente en el centro */
}

.ui-widget-overlay.ui-front.modalBackgroundOpacity {
    position: fixed;
    height: 100vh;
    width: 100vw;
}

.desc-modal {
    text-align: center;
}

img.iconDanger {
    width: 28px;
    animation: shake 1s infinite;
}

.modalContainer {
    max-width: 69%;
}

.modalContent {
    max-height: 50vh;
    overflow-y: scroll;
}

@keyframes shake {
    0% { transform: translateX(0px); }
    25% { transform: translateX(-1.5px); }
    50% { transform: translateX(1.5px); }
    75% { transform: translateX(-1.5px); }
    100% { transform: translateX(1.5px); }
}

@keyframes intenseShake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
        filter: drop-shadow(rgb(255, 255, 255) 0px 1px 10px);
    }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-2px, 0px) rotate(1deg); }
    30% { transform: translate(2px, 1px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-2px, 1px) rotate(0deg); }
    70% { transform: translate(2px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% {
        transform: translate(1px, -2px) rotate(-1deg);
        filter: drop-shadow(rgb(255, 255, 255) 0px 1px 10px);
    }
}

.row.flexCenterRow {
    justify-content: center !important;
}

.btn3.modalBtn{
    min-width: 100px;
}