/* Restrito à janela de pagamento; preserva os demais pop-ups. */
.pagina-reg .pagamento-modal {
 position:fixed; inset:0; box-sizing:border-box; width:100%; height:100%;
 display:flex; align-items:center; justify-content:center; padding:20px;
 background:rgba(25,39,58,.52); overflow:auto; z-index:999999;
 font-family:Arial,Helvetica,sans-serif; text-align:left;
}
.pagina-reg .pagamento-modal .easy-numpad-container {
 position:relative; top:auto; left:auto; box-sizing:border-box;
 width:100%; max-width:420px; height:auto; max-height:calc(100vh - 40px);
 max-height:calc(100dvh - 40px); margin:auto; padding:24px;
 overflow:auto; overscroll-behavior:contain; border:1px solid #e3e8ef;
 border-top:4px solid #00b6e8; border-radius:16px;
 background:white; box-shadow:0 16px 50px #14253b33;
}
.pagina-reg .pagamento-modal fieldset {
 min-width:0; padding:0 !important; margin:0; border:0; background:white !important;
}
.pagina-reg .pagamento-modal legend {
 box-sizing:border-box; float:none; width:100% !important;
 padding:0 0 16px !important; margin:0;
 font:700 24px/1.25 Arial,sans-serif !important;
 background:transparent !important; color:#344054;
}
.pagina-reg .pagamento-modal .easy-numpad-output-container > div {
 margin:0 !important; color:#626b78 !important; font:400 14px/1.5 Arial,sans-serif !important;
}
.pagina-reg .pagamento-modal br { display:none; }
.pagina-reg .pagamento-modal p { margin:5px 0; overflow-wrap:anywhere; }
.pagina-reg .pagamento-modal a { color:#007fa6 !important; text-decoration:underline; }
.pagina-reg .pagamento-modal .pagamento-qrcode {
 display:block; box-sizing:border-box; width:100%; max-width:248px; height:auto;
 margin:18px auto 12px; padding:0; border:0; background:#fff;
}
.pagina-reg .pagamento-modal #onlinesx {
 margin:10px 0 6px; padding:8px 12px; border-radius:7px;
 background:#eaf8fd; color:#007fa6; font-size:13px; text-align:center;
}
.pagina-reg .pagamento-modal #onlinesx #onlinesx { margin:0; padding:0; }
.pagina-reg .pagamento-modal progress {
 display:block; width:100%; height:5px; margin:0 0 14px; accent-color:#00b6e8;
}
.pagina-reg .pagamento-modal .pagamento-abrir,
.pagina-reg .pagamento-modal .bottoncanfecha {
 box-sizing:border-box; position:static; float:none; display:block;
 width:100%; min-height:42px; margin:14px 0 0; padding:11px 14px;
 border:1px solid #d8e0e8; border-radius:8px; background:#fff;
 font:600 14px/1.4 Arial,sans-serif; color:#4b5563 !important;
 text-align:center; text-decoration:none;
}
.pagina-reg .pagamento-modal .pagamento-abrir {
 background:#008bb5; border-color:#008bb5; color:white !important;
}
.pagina-reg .pagamento-modal .bottoncanfecha { margin-top:8px; }
.pagina-reg .pagamento-modal a:focus-visible { outline:3px solid #ec248f; outline-offset:3px; }
.pagina-reg .pagamento-modal .pagamento-abrir:hover { background:#007b9f; }
.pagina-reg .pagamento-modal .bottoncanfecha:hover { background:#f3f6fa; }
@media(max-width:480px) {
 .pagina-reg .pagamento-modal { padding:12px; }
 .pagina-reg .pagamento-modal .easy-numpad-container { padding:18px; max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); }
 .pagina-reg .pagamento-modal legend { font-size:22px !important; }
 .pagina-reg .pagamento-modal .pagamento-qrcode { max-width:220px; }
}
