/* V308 — aviso único de abandono de pagamento, global no Projeto 3. */
#gdr-V308[hidden]{display:none!important}
#gdr-V308{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:16px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
#gdr-V308 *{box-sizing:border-box}
#gdr-V308 .gdr-shade{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
#gdr-V308 .gdr-card{position:relative;isolation:isolate;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:#fff;border-radius:22px;padding:0 22px 20px;box-shadow:0 24px 80px #0005;outline:none;color:#203329;text-align:center}
#gdr-V308 .gdr-banner{margin:0 -22px 22px;padding:13px 40px;background:#267f55;color:#fff;font-size:13px;font-weight:850;line-height:1.4}
#gdr-V308 .gdr-x{position:absolute;top:9px;right:11px;width:35px;height:35px;background:transparent;color:#fff;border:0;font-size:25px;cursor:pointer}
#gdr-V308 .gdr-heart{margin:auto;width:56px;height:56px;background:#e7f6ec;border-radius:50%;display:grid;place-items:center;font-size:28px}
#gdr-V308 h2{font-family:inherit;color:#203329;font-weight:850;font-size:clamp(23px,5.5vw,29px);line-height:1.2;margin:17px 0 10px}
#gdr-V308 p{font-size:14px;color:#486053;line-height:1.55;margin:0 0 13px}
#gdr-V308 .gdr-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0 9px}
#gdr-V308 .gdr-values button{border:2px solid #dce8e0;background:#fff;color:#234333;font-size:20px;font-weight:800;line-height:1.3;font-family:inherit;min-height:52px;padding:8px;border-radius:12px;cursor:pointer}
#gdr-V308 .gdr-values button.gdr-suggested{border-color:#227e4e;background:#227e4e;color:#fff}
#gdr-V308 .gdr-continue{display:block;width:100%;min-height:45px;border:1px solid #d6e6dc;border-radius:11px;background:#edf6f0;color:#245138;font-size:14px;font-weight:750;line-height:1.35;font-family:inherit;cursor:pointer}
#gdr-V308 .gdr-leave{display:block;width:100%;min-height:41px;margin-top:6px;padding:8px;border:0;background:transparent;color:#4d6357;text-decoration:underline;font-size:13px;font-weight:600;line-height:1.4;font-family:inherit;cursor:pointer}
#gdr-V308 :is(button,.gdr-card):focus-visible{outline:3px solid #387fc5;outline-offset:2px}
@media(max-width:410px){#gdr-V308 .gdr-card{padding:0 16px 14px}#gdr-V308 .gdr-banner{margin:0 -16px 17px}#gdr-V308 .gdr-values button{font-size:18px}}
@media(prefers-reduced-motion:reduce){#gdr-V308 *,#gdr-V308 *::before,#gdr-V308 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}