/* Convite de retenção isolado das identidades das duas landing pages. */
html:has(.retencao-modal){scrollbar-gutter:stable}
html.retencao-aberta,body.retencao-aberta{overflow:hidden;overscroll-behavior:none}
.retencao-modal{box-sizing:border-box;width:min(460px,calc(100% - 36px));max-width:460px;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:3px solid #171313;border-radius:25px;background:#fffaf3;color:#211b1c;box-shadow:9px 10px 0 #171313;overflow:auto;overscroll-behavior:contain;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
.retencao-modal:not([open]){display:none}
.retencao-modal::backdrop{background:rgb(18 13 18 / 67%);backdrop-filter:blur(2px);touch-action:none}
.retencao-modal .retencao-cabecalho{position:relative;padding:25px 25px 20px;background:#ff2486;border-bottom:3px solid #171313}
.retencao-modal .retencao-selo{display:inline-block;padding:7px 14px;background:#ffdf50;border:2px solid #171313;border-radius:13px;color:#171313;font-size:.72rem;font-weight:900;letter-spacing:.06em;box-shadow:2px 3px 0 #171313;transform:rotate(-3deg)}
.retencao-modal .retencao-fechar{position:absolute;right:14px;top:13px;width:44px;height:44px;border:2px solid #171313;border-radius:50%;background:#fff;color:#171313;font-family:inherit;font-size:27px;line-height:1;font-weight:700;cursor:pointer;display:grid;place-items:center}
.retencao-modal h2{margin:20px 0 0;font-size:clamp(3rem,12vw,4.6rem);font-weight:950;line-height:1;letter-spacing:-.04em;color:#fff;text-shadow:3px 4px 0 #171313}
.retencao-modal .retencao-corpo{padding:24px 25px 20px}
.retencao-modal .retencao-descricao{margin:0 0 20px;font-size:1.22rem;font-weight:750;line-height:1.4}
.retencao-modal mark{background:#ffdf50;color:inherit;padding:0 3px}
.retencao-modal .retencao-beneficios{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:12px;font-size:.95rem}
.retencao-modal .retencao-beneficios li{display:flex;align-items:flex-start;gap:10px}
.retencao-modal .retencao-beneficios li>span{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;background:#149851;color:#fff;border-radius:50%;font-size:15px;font-weight:850;line-height:1;margin-top:1px}
/* Degradê dourado/laranja, luz em movimento e pulso sem alterar o layout. */
.retencao-modal .retencao-entrar{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;min-height:58px;padding:12px 16px;border:2px solid #9b4205;border-radius:16px;background:linear-gradient(115deg,#ffe259 0%,#ffad16 48%,#ffd33d 100%);background-size:200% 100%;color:#331704;text-decoration:none;font-size:1.12rem;font-weight:900;box-shadow:0 5px 0 #934008,0 8px 22px #ffad164d,inset 0 1px 0 #ffffff65;transition:filter .2s;line-height:1.25;text-align:center;animation:retencao-pulsar 1.3s ease-in-out infinite,retencao-degrade 7s ease-in-out infinite;text-shadow:0 1px 0 #ffffff55}
.retencao-modal .retencao-entrar>span{position:relative;z-index:1}
.retencao-modal .retencao-entrar::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#ffffff38 48%,transparent 70%);transform:translateX(-120%);animation:retencao-reflexo 5s ease-in-out infinite;pointer-events:none}
.retencao-modal .retencao-entrar:hover{filter:brightness(1.08)}
.retencao-modal .retencao-entrar:active{filter:brightness(.95)}
@keyframes retencao-pulsar{0%,100%{transform:scale(1);box-shadow:0 5px 0 #934008,0 8px 22px #ffad164d,0 0 0 0 #ffb82055,inset 0 1px 0 #ffffff65}50%{transform:scale(1.025);box-shadow:0 5px 0 #934008,0 10px 26px #ffad1670,0 0 0 7px #ffb82000,inset 0 1px 0 #ffffff65}}
@keyframes retencao-degrade{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes retencao-reflexo{0%,60%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}
.retencao-modal .retencao-whatsapp{display:flex;flex:0 0 auto}.retencao-modal .retencao-whatsapp svg{width:28px;height:28px}
.retencao-modal .retencao-recusar{display:block;max-width:100%;min-height:44px;margin:14px auto 0;padding:8px;border:0;background:transparent;color:#655a60;font:inherit;font-size:.8rem;text-decoration:underline;cursor:pointer}
.retencao-modal :is(a,button):focus-visible{outline:3px solid #124b88;outline-offset:4px}
@media(max-width:380px){.retencao-modal{width:calc(100% - 28px);border-radius:20px;box-shadow:6px 7px 0 #171313}.retencao-modal .retencao-cabecalho{padding:24px 18px 18px}.retencao-modal .retencao-corpo{padding:20px 18px 15px}.retencao-modal .retencao-descricao{font-size:1.1rem}.retencao-modal .retencao-beneficios{font-size:.88rem;gap:10px}.retencao-modal .retencao-entrar{font-size:1rem;gap:10px}}
@media(prefers-reduced-motion:reduce){.retencao-modal *,.retencao-modal *::before{transition:none!important;animation:none!important}}