/* R79 — Modo visitante: banner, CTA fixo, tour e pop-up de conversão */
.vz-banner{margin:12px 16px;padding:18px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#1E4090 0%,#2563EB 60%,#3B82F6 100%);box-shadow:0 14px 30px rgba(30,64,144,.28)}
.vz-banner__k{font-size:15px;font-weight:800;letter-spacing:.02em;opacity:.95}
.vz-banner__p{margin:8px 0 12px;font-size:19px;line-height:1.35;font-weight:800;color:#fff}
.vz-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.vz-pill{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}
.vz-banner__row{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}
.vz-btn{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;border:1.5px solid #D1D5DB;background:#fff;color:#0F172A;font:800 16px inherit;font-family:inherit;padding:0 14px;cursor:pointer}
.vz-btn--primary{background:#FFD24A;border-color:#E9B400;color:#1A2F4F}
.vz-btn--ghost{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff}
body.is-visitor .op-fab,body.is-visitor #sxFab{display:none!important}
.vz-cta{position:fixed;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:70;padding:0 14px;pointer-events:none}
.vz-cta.has-nav{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
.vz-cta__go{pointer-events:auto;display:block;width:100%;max-width:520px;margin:0 auto;min-height:50px;border:0;border-radius:999px;background:linear-gradient(135deg,#2563EB,#1D4ED8);color:#fff;font:800 16px inherit;font-family:inherit;box-shadow:0 10px 24px rgba(37,99,235,.4);cursor:pointer}
body.is-visitor .app,body.is-visitor .wrap{padding-bottom:calc(var(--vz-pad,0px))}
.vz-overlay{position:fixed;inset:0;z-index:3000;background:rgba(15,23,42,.66);display:flex;align-items:flex-end;justify-content:center;padding:0}
@media (min-width:640px){.vz-overlay{align-items:center}}
.vz-box{position:relative;width:100%;max-width:460px;max-height:94dvh;overflow-y:auto;background:#fff;color:#111827;border-radius:26px 26px 0 0;padding:26px 22px calc(22px + env(safe-area-inset-bottom,0px));display:grid;gap:12px;text-align:center;box-shadow:0 -10px 40px rgba(0,0,0,.25)}
@media (min-width:640px){.vz-box{border-radius:26px}}
.vz-emoji{font-size:44px;line-height:1}.vz-h{margin:0;font-size:24px;line-height:1.2;color:#1E4090}.vz-p{margin:0;font-size:16.5px;line-height:1.5;color:#374151}
.vz-perks{list-style:none;margin:0;padding:0;display:grid;gap:4px;text-align:left;font-size:15px;color:#17643A;font-weight:700;justify-self:center}
.vz-link{background:none;border:0;color:#2563EB;font:700 15px inherit;font-family:inherit;text-decoration:underline;min-height:44px;cursor:pointer}
.vz-box .vz-btn--primary{background:#2563EB;border-color:#1D4ED8;color:#fff}
.vz-skip{position:absolute;top:10px;right:14px;background:none;border:0;font:700 15px inherit;font-family:inherit;color:#6B7280;min-height:44px;cursor:pointer;z-index:2}
.vz-art{height:180px;border-radius:20px;display:grid;place-items:center;margin-top:22px;transition:background .25s}.vz-art__e{font-size:84px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}
.vz-dots{display:flex;gap:8px;justify-content:center}.vz-dot{width:10px;height:10px;border-radius:99px;border:0;background:#CBD5E1;padding:0;cursor:pointer;transition:width .2s}.vz-dot.is-on{width:26px;background:#2563EB}

/* botão "Ver como funciona" no topo de Como funciona (todos os usuários) */
.cf-tour{margin:14px auto 0;display:inline-flex;align-items:center;gap:6px;padding:11px 20px;border-radius:999px;border:0;font:700 14px/1 inherit;font-family:inherit;color:#fff;background:linear-gradient(135deg,#2563EB,#1E4090);box-shadow:0 6px 18px rgba(37,99,235,.28);cursor:pointer}
.cf-tour::before{content:"▶ "}
.cf-tour:active{transform:scale(.97)}
.vz-banner__row .vz-btn{white-space:nowrap;padding-left:12px;padding-right:12px;font-size:14px}
@media (max-width:360px){.vz-banner__row{flex-wrap:wrap}}