/* =========================================================
   SEÇÃO 12: CHAMADA FINAL + RODAPÉ
   ========================================================= */
.final{text-align:center;display:grid;gap:22px;justify-items:center}
.final h2{font-size:clamp(38px,10vw,80px);line-height:1;max-width:14ch}
.final h2 em{font-style:normal;color:var(--c-acido)}
.final p{font-size:21px;font-weight:700;color:var(--c-suave-esc);max-width:32ch}
.final .btn{width:100%;max-width:480px}
.rodape{background:var(--c-rodape);color:var(--c-suave-esc);font-size:17px;text-align:center;overflow:hidden}
.rodape .wrap{padding-top:44px;padding-bottom:20px;display:grid;gap:8px;justify-items:center}
.rodape .links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px}
.rodape .links span{min-height:48px;display:inline-flex;align-items:center}
.gigante{font-family:var(--f-titulo);font-size:clamp(34px,9.4vw,124px);line-height:.9;letter-spacing:-.05em;white-space:nowrap;padding:24px 0 100px;background:linear-gradient(90deg,var(--c-escuro-3),var(--c-acido),#fff,var(--c-escuro-3));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brilhoT 9s linear infinite}
@keyframes brilhoT{to{background-position:-250% 0}}

/* ---------- Barra fixa de compra (celular) ---------- */
.barra{position:fixed;left:10px;right:10px;bottom:10px;z-index:110;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border-radius:22px;background:rgba(8,42,51,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;box-shadow:0 20px 40px -16px rgba(0,0,0,.7),0 0 0 2px var(--c-escuro-3);transform:translateY(150%);transition:transform .6s var(--ease)}
.barra.on{transform:none}
.barra .bt{flex:1;line-height:1.2}
.barra .bt b{display:block;font-family:var(--f-titulo);font-weight:400;font-size:18px}
.barra .bt small{font-size:16px;color:var(--c-suave-esc)}
.barra .btn{min-height:58px;padding:10px 16px;font-size:18px;box-shadow:none}
@media(min-width:768px){.barra{left:50%;right:auto;width:560px;margin-left:-280px}}

/* ---------- Janela de saída (back redirect) ---------- */
.saida{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:14px;background:rgba(4,20,25,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.saida.on{display:flex;animation:aparece .35s}
@keyframes aparece{from{opacity:0}}
.saida-in{position:relative;width:min(100%,450px);max-height:calc(100svh - 28px);overflow:auto;border-radius:32px;background:#fff;color:#000;text-align:center;box-shadow:0 60px 120px -30px rgba(0,0,0,.9);animation:entra-s .8s var(--mola)}
@keyframes entra-s{from{transform:translateY(60px) scale(.8);opacity:0}}
.saida-topo{position:relative;z-index:1;background:var(--c-escuro);color:#fff;padding:24px 58px 48px;font-family:var(--f-titulo);font-size:clamp(28px,7vw,36px);line-height:1.05}
.saida-topo small{display:block;margin-top:8px;font-family:var(--f-texto);font-weight:700;font-size:17px;color:var(--c-suave-esc)}
.saida .x{position:absolute;right:10px;top:10px;width:50px;height:50px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:22px}
.saida-corpo{position:relative;z-index:1;padding:0 20px 22px;display:grid;gap:14px;justify-items:center}
.etq-s{position:relative;margin-top:-30px;transform-origin:50% 0;animation:etq-cai 1.2s .25s var(--mola) both,etq-vai 4s 1.6s ease-in-out infinite}
@keyframes etq-cai{from{transform:translateY(-80px) rotate(-20deg);opacity:0}}
@keyframes etq-vai{0%,100%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}}
.etq-s .corpo-e{padding:30px 34px 24px;border-radius:14px 14px 22px 22px;background:var(--c-acido);border:4px solid var(--c-escuro);clip-path:polygon(24% 0,76% 0,100% 18%,100% 100%,0 100%,0 18%);font-family:var(--f-titulo);font-size:clamp(28px,8vw,40px);line-height:1;color:var(--c-escuro)}
.relogio{display:grid;gap:6px;justify-items:center}
.relogio span{font-size:17px;font-weight:700}
.relogio .dig{display:flex;gap:6px;align-items:center;font-family:var(--f-titulo);font-size:34px}
.relogio .dig i{font-style:normal;display:grid;place-items:center;width:46px;height:58px;border-radius:12px;background:var(--c-escuro);color:var(--c-acido)}
.relogio .dig i.vira{animation:vira .45s ease}
@keyframes vira{50%{transform:rotateX(90deg)}}
.saida ul{list-style:none;display:grid;gap:6px;text-align:left;font-size:19px;font-weight:700}
.saida .btn{width:100%;box-shadow:0 0 0 3px var(--c-escuro)}
.saida .nao{border:0;background:none;color:#000;text-decoration:underline;font-size:17px;font-weight:700;min-height:50px}
.confete{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:32px}
.confete i{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;animation:cai-c var(--t,3s) var(--d,0s) linear infinite}
@keyframes cai-c{to{transform:translateY(760px) rotate(540deg)}}