.jp-modal .modaljp {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--modalbody);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    display: flex; /* Adiciona display flex */
    align-items: center; /* Alinha verticalmente */
    justify-content: center; /* Alinha horizontalmente */
}  
.jp-modal .active       {opacity:1 !important; pointer-events:auto; overflow-x:auto;}
.jp-modal .borda        {border: 20px solid var(--modalborda); padding: 20px; border-radius: 15px; overflow: hidden}
.jp-modal .modalp > div {max-width: 500px; margin:10% auto; position:relative;}
.jp-modal .modalm > div {max-width: 700px; margin:10% auto; position:relative;}
.jp-modal .modalg > div {max-width: 800px; margin:10% auto; position:relative;}
.jp-modal .modalgd > div{max-width: 800px; margin:10% auto; position:relative;}
@media screen and (max-width:540px){.jp-modal .modalp > div{margin:0 auto}}
@media screen and (max-width:540px){.jp-modal .modalm > div{margin:0 auto}}
@media screen and (max-width:540px){.jp-modal .modalg > div{margin:0 auto}}
.jp-modal .close        {background: var(--modalclose); color: #cccfff; line-height: 25px; padding:3px; font-size:200%; position: absolute; right:20px; top:20px; text-align: center; width: 30px; text-decoration: none; font-weight: bold; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px;}
.jp-modal .close:hover  {background: var(--modalclosehov); color:#fff; cursor: pointer;}  
.jp-modal .close:after  {content: "\d7"}
.jp-modal .open h4      {font-size:110%; line-height:110%; font-weight:400; color:#908989; text-align:center; font-family: 'Lato', sans-serif, arial}
.jp-modal .open .janela {width: 300px; margin: 15% auto; padding: 40px 20px; border: solid 1px #423f3f; border-radius: 10px; background:#282929}
.jp-modal .open button  {background:var(--button); color:#f5f5f5; height:30px; width:100px; border:1px; border-radius:10px; padding:0 0; cursor: pointer;}
.jp-modal button:hover  {background:var(--buthover); outline:none; cursor: pointer;}
.jp-modal .align        {height:42px; width:100%; display: flex; align-items: center; justify-content:left; overflow:hidden}
.jp-modal p             {font-size:100%}
.jp-modal h1            {font-size:150%}