:root{--marinho: #224E6B;--tinta: #16384F;--amarelo: #FAD950;--ceu: #55B6E0;--coral: #FD5D55;--vermelho-texto: #C2412F;--vinho: #8E2A1E;--areia: #F4EEDC;--kraft: #DDBD8A;--cinza-texto: #3E5566;--erro-bg: #FFE3DF;--aviso-bg: #FFF4D6;--fonte-mono: "Rubik Mono One", system-ui, sans-serif;--fonte: "Rubik", system-ui, -apple-system, sans-serif;--raio: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--marinho)}body{font-family:var(--fonte);color:var(--tinta);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit}a{color:var(--marinho)}img{max-width:100%}:focus-visible{outline:3px solid var(--amarelo);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{position:relative;min-height:100dvh;width:100%;max-width:480px;margin:0 auto;background:var(--areia);display:flex;flex-direction:column;overflow-x:hidden}@media (min-width: 560px){body{background:radial-gradient(circle at 50% 30%,#2d6488,var(--tinta))}.app{min-height:calc(100dvh - 48px);margin:24px auto;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #00000059;border:3px solid var(--tinta)}}.grao{pointer-events:none;position:absolute;inset:0;z-index:50;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:60px;padding:0 18px;border-radius:16px;border:3px solid var(--marinho);background:var(--amarelo);color:var(--marinho);box-shadow:0 6px 0 var(--marinho);font-family:var(--fonte-mono);font-size:15px;letter-spacing:1px;text-decoration:none;cursor:pointer;transition:transform .1s,box-shadow .1s}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--marinho)}.btn:disabled{background:#e6dfcb;color:#6b7a86;border-color:#a9b2b9;box-shadow:none;cursor:not-allowed}.btn-escuro{background:var(--marinho);color:var(--amarelo);box-shadow:0 5px 0 var(--tinta)}.btn-link{background:none;border:none;color:var(--marinho);font-weight:700;font-size:14px;text-decoration:underline;cursor:pointer;padding:12px 4px}.btn-volta{width:44px;height:44px;border-radius:12px;background:#fff;border:2px solid var(--marinho);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0}.topo{background:var(--ceu);border-bottom:3px solid var(--marinho);padding:14px 16px 12px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;z-index:10}.topo-linha{display:flex;align-items:center;justify-content:space-between}.topo-titulo{font-family:var(--fonte-mono);font-size:13px;letter-spacing:2px;color:var(--tinta)}.progresso{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.progresso span.barra{display:block;height:6px;border-radius:3px;background:#ffffffbf}.progresso .feito span.barra{background:var(--marinho)}.progresso small{font-size:11px;display:block;margin-top:4px}.progresso .atual small{font-weight:800}.conteudo{flex:1;padding:20px 16px 24px;display:flex;flex-direction:column;gap:16px}.rodape{position:sticky;bottom:0;z-index:10;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:var(--areia);border-top:2px solid #E0D6BC}h1.titulo{margin:0;font-size:26px;font-weight:800;line-height:1.15;color:var(--marinho)}p.sub{margin:0;font-size:16px;line-height:1.5}.rotulo{font-family:var(--fonte-mono);font-size:11px;letter-spacing:1.5px;color:var(--vermelho-texto)}.card{background:#fff;border:2px solid var(--marinho);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px}.aviso{background:var(--aviso-bg);border:2px solid var(--vermelho-texto);border-radius:14px;padding:12px;font-size:14px;line-height:1.45;color:#4a1a12}.erro{background:var(--erro-bg);border:2px solid var(--vermelho-texto);border-radius:14px;padding:12px;font-size:14px;line-height:1.45;color:#5c1d14}.nota{font-size:13px;line-height:1.5;color:var(--cinza-texto);margin:0}.entra{animation:entra .45s ease-out both}@keyframes entra{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.abertura{position:relative;min-height:100dvh;overflow:hidden;background:#6fbfe2;display:flex;flex-direction:column;align-items:center}@media (min-width: 560px){.abertura{min-height:calc(100dvh - 54px)}}.ab-fundo{position:absolute;left:-10%;top:-4%;width:120%;height:108%;object-fit:cover;filter:blur(4px) saturate(.75) sepia(.3) contrast(.9) brightness(1.05);opacity:.5}.ab-veu{position:absolute;inset:0;background:linear-gradient(180deg,#6ebee2c7,#55b6e08c 40%,#3c8cb9b3)}.nevoa{position:absolute;border-radius:50%;animation:nevoa 9s ease-in-out infinite}@keyframes nevoa{50%{transform:translate(20px,-14px) scale(1.12);opacity:.75}}.luz{position:absolute;border-radius:50%;animation:luz 6s ease-in-out infinite}@keyframes luz{50%{opacity:.6}}.sol{position:absolute;left:50%;top:300px;width:520px;height:520px;margin:-260px 0 0 -260px;filter:blur(1.2px)}.sol svg.raios{animation:gira 40s linear infinite;transform-origin:50% 50%}@keyframes gira{to{transform:rotate(360deg)}}.ab-conteudo{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:44px 24px 130px;width:100%}.ab-logo{display:flex;flex-direction:column;align-items:center;gap:8px;animation:cai .9s cubic-bezier(.2,.9,.3,1.2) both}.ab-logo img{width:128px;height:72px;object-fit:cover;border-radius:14px;border:3px solid var(--marinho);box-shadow:0 5px 0 var(--marinho)}@keyframes cai{0%{opacity:0;transform:translateY(-40px) rotate(-8deg)}70%{opacity:1;transform:translateY(6px) rotate(-3deg)}to{transform:rotate(-4deg)}}.ab-letreiro{width:min(330px,86vw);margin-top:28px;animation:estoura 1.1s .35s cubic-bezier(.2,.9,.3,1.2) both;filter:drop-shadow(0 0 14px rgba(255,236,200,.85)) drop-shadow(2px 0 0 rgba(42,80,253,.35)) saturate(.92)}@keyframes estoura{0%{opacity:0;transform:scale(.6) rotate(-6deg);filter:blur(8px)}70%{opacity:1;transform:scale(1.06) rotate(-2deg)}to{transform:rotate(-3deg)}}.ab-data{margin-top:22px;display:flex;align-items:center;gap:10px;background:var(--marinho);color:var(--amarelo);padding:10px 16px;border-radius:999px;transform:rotate(-2deg);box-shadow:0 4px 18px #16384f59}.ab-data b{font-family:var(--fonte-mono);font-weight:400;font-size:15px;letter-spacing:1px}.ab-data i{width:6px;height:6px;border-radius:50%;background:var(--coral)}.ab-data span{font-weight:700;font-size:15px;color:#fff}.ab-tag{margin:18px 0 0;font-family:var(--fonte-mono);font-size:14px;letter-spacing:2px;color:#fff;text-shadow:0 2px 0 var(--marinho),0 0 12px rgba(255,255,255,.5);text-align:center}.ab-frase{margin:14px 0 0;font-size:17px;font-weight:500;line-height:1.4;text-align:center;max-width:290px}.ab-cta{margin-top:30px;width:min(300px,100%)}.ab-cta .btn{animation:pula 2.4s 2.2s ease-in-out infinite}@keyframes pula{50%{transform:translateY(-3px)}}.ab-local{margin:16px 0 0;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}.sobe1{animation:entra .7s .9s ease-out both}.sobe2{animation:entra .7s 1.05s ease-out both}.sobe3{animation:entra .7s 1.2s ease-out both}.sobe4{animation:entra .7s 1.35s ease-out both}.flor-flutua{position:absolute;right:20px;top:62px;z-index:3;animation:flutua 6s ease-in-out infinite}@keyframes flutua{50%{transform:translateY(-10px) rotate(6deg)}}.ondas{position:absolute;left:0;bottom:0;width:100%;height:96px;overflow:hidden;z-index:1}.ondas svg{position:absolute;left:0;bottom:0;animation:onda 9s linear infinite}@keyframes onda{to{transform:translate(-50%)}}.vinheta{position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse 75% 60% at 50% 45%,transparent 55%,rgba(22,56,79,.42))}.linhas{position:absolute;inset:0;pointer-events:none;z-index:4;background:repeating-linear-gradient(0deg,rgba(22,56,79,.06) 0 1px,transparent 1px 3px)}.grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.painel{background:#fff;border:3px solid var(--marinho);border-radius:20px;padding:12px;box-shadow:0 6px 0 var(--marinho)}.painel.treme{animation:treme .45s ease-in-out}@keyframes treme{20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.carta{position:relative;aspect-ratio:1;width:100%;padding:0;overflow:hidden;cursor:pointer;border-radius:14px;background:var(--kraft);border:2px solid #B8946A;transition:transform .15s,box-shadow .15s}.carta img{width:100%;height:100%;object-fit:contain;display:block}.carta.marcada{border:4px solid var(--marinho);transform:scale(.94);box-shadow:0 0 0 3px var(--amarelo)}.carta .desenho{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%}.carta .desenho span{font-size:13px;font-weight:700;color:#3b2414}.carta .check{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;background:var(--marinho);border:2px solid #fff;display:flex;align-items:center;justify-content:center}.marca-texto{background:var(--amarelo);padding:0 6px;border-radius:6px}.sucesso{background:var(--marinho);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;animation:yay .5s cubic-bezier(.2,.9,.3,1.3) both;color:#fff}.sucesso b{font-family:var(--fonte-mono);font-weight:400;font-size:15px;color:var(--amarelo)}@keyframes yay{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:none}}.arte{position:relative;border-radius:22px;border:3px solid var(--marinho);box-shadow:0 6px 0 var(--marinho);overflow:hidden;transform:rotate(-1deg);background:#f2ecda}.arte img.ilha{width:100%;aspect-ratio:1014 / 1068;object-fit:cover;display:block;filter:saturate(.9) sepia(.12) contrast(.96)}.org{position:absolute;right:14px;top:8px;font-family:Six Caps,sans-serif;font-size:78px;line-height:1;color:#e8963e;letter-spacing:3px;text-shadow:2px 2px 0 rgba(34,78,107,.18);transform-origin:50% 0;animation:org-entra .7s .2s cubic-bezier(.2,.9,.3,1.3) both,org-balanca 3.6s 1s ease-in-out infinite}@keyframes org-entra{0%{opacity:0;transform:translateY(-30px) scale(.6) rotate(-14deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes org-balanca{0%,to{transform:rotate(-4deg)}25%{transform:translateY(-6px) rotate(2deg)}50%{transform:rotate(5deg)}75%{transform:translateY(-4px) rotate(-1deg)}}.selo{position:absolute;left:12px;bottom:12px;background:var(--marinho);color:var(--amarelo);padding:8px 12px;border-radius:999px;font-family:var(--fonte-mono);font-size:12px;transform:rotate(-2deg)}.infos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info{background:#fff;border:2px solid var(--marinho);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:4px}.info.destaque{background:var(--amarelo)}.info .rotulo{font-size:10px}.info.destaque .rotulo{color:var(--marinho)}.info strong{font-size:17px;font-weight:800;color:var(--marinho);line-height:1.25}.info small{font-size:13px;color:var(--cinza-texto)}.item{display:flex;gap:12px;align-items:center;font-size:15px;line-height:1.35}.icone{width:40px;height:40px;border-radius:12px;border:2px solid var(--marinho);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ceu)}.icone.am{background:var(--amarelo)}.doacao{background:var(--aviso-bg);border:3px solid var(--vermelho-texto);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 5px 0 var(--vermelho-texto)}.doacao b.t{font-family:var(--fonte-mono);font-weight:400;font-size:13px;letter-spacing:1px;color:var(--vinho)}.doacao p{margin:0;font-size:15px;line-height:1.5;color:#4a1a12}.qtds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.qtd{height:64px;border-radius:16px;border:3px solid var(--marinho);background:#fff;color:var(--marinho);font-size:26px;font-weight:800;cursor:pointer;box-shadow:0 2px 0 var(--marinho)}.qtd[aria-checked=true]{background:var(--amarelo);box-shadow:0 5px 0 var(--marinho);transform:translateY(-2px)}.linha-valor{display:flex;justify-content:space-between;align-items:baseline;font-size:16px}.total{font-size:28px;font-weight:800;color:var(--marinho)}.divisor{height:2px;background:#e6dfcb}fieldset.pessoa{margin:0;background:#fff;border:2px solid var(--marinho);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}fieldset.pessoa legend{padding:4px 10px;background:var(--marinho);color:var(--amarelo);border-radius:999px;font-family:var(--fonte-mono);font-size:11px;letter-spacing:1px}.campo{display:flex;flex-direction:column;gap:6px}.campo label{font-size:14px;font-weight:700}.campo input[type=text],.campo input[type=tel],.campo input[type=email]{height:50px;border-radius:12px;padding:0 14px;font-family:var(--fonte);font-size:16px;color:var(--tinta);background:#fff;border:2px solid var(--marinho);width:100%}.campo input:focus{outline:3px solid var(--amarelo);outline-offset:1px}.campo input[aria-invalid=true]{border-color:var(--vermelho-texto)}.campo .msg{font-size:13px;color:#a3291c;font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:36px;padding:6px 12px;border-radius:999px;border:2px solid var(--marinho);background:var(--areia);color:var(--marinho);font-size:13px;font-weight:700;cursor:pointer}.chip[aria-pressed=true]{background:var(--marinho);color:var(--amarelo)}.aceite{display:flex;gap:12px;align-items:flex-start;background:#fff;border:2px solid var(--marinho);border-radius:16px;padding:14px;cursor:pointer;font-size:14px;line-height:1.45}.aceite.invalido{border-color:var(--vermelho-texto)}.aceite input{width:24px;height:24px;margin:0;flex-shrink:0;accent-color:var(--marinho)}.pix{background:var(--marinho);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:14px;color:#fff}.pix-topo{display:flex;gap:14px;align-items:center}.pix-qr{width:120px;height:120px;border-radius:12px;background:#fff;border:3px solid var(--amarelo);flex-shrink:0}.pix small{font-size:12px;color:#bfd9e8;display:block}.pix .chave{font-size:12px;color:var(--amarelo);word-break:break-all;line-height:1.35}.pix .btn{border-color:#fff}.btn-contorno{min-height:46px;border-radius:12px;border:2px solid #BFD9E8;background:transparent;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.passos{display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.45}.link-pedido{background:#ffffffbf;border:2px solid var(--marinho);border-radius:12px;padding:10px 12px;font-size:13px;word-break:break-all}.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:210px;border:3px dashed var(--marinho);border-radius:20px;background:#fff;cursor:pointer;text-align:center;padding:16px}.upload .ic{width:56px;height:56px;border-radius:16px;background:var(--amarelo);border:2px solid var(--marinho);display:flex;align-items:center;justify-content:center}.arquivo,.card.arquivo{display:flex;flex-direction:row;gap:12px;align-items:center}.arquivo .ext{width:48px;height:48px;border-radius:12px;background:var(--ceu);border:2px solid var(--marinho);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--fonte-mono);font-size:10px}.arquivo .nome{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirma{flex:1;background:var(--ceu);padding:40px 18px 28px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.confirma .ok{width:96px;height:96px;border-radius:50%;background:var(--amarelo);border:4px solid var(--marinho);box-shadow:0 6px 0 var(--marinho);display:flex;align-items:center;justify-content:center;animation:yay .6s cubic-bezier(.2,.9,.3,1.3) both}.pilulas{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pilula{background:var(--marinho);color:#fff;padding:7px 12px;border-radius:999px;font-family:var(--fonte-mono);font-size:12px}.pilula.status{background:var(--amarelo);color:var(--marinho);border:2px solid var(--marinho);font-family:var(--fonte);font-weight:800;font-size:13px;padding:5px 12px}.pilula.aprovado{background:#2e7d4f;color:#fff;border-color:#1e5636}.pilula.rejeitado{background:var(--erro-bg);color:var(--vinho);border-color:var(--vermelho-texto)}.confirma .card{text-align:left;border-width:3px;box-shadow:0 6px 0 var(--marinho);width:100%}.confirma .card p{margin:0;font-size:15px;line-height:1.5}.carregando{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;font-weight:700}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(34,78,107,.25);border-top-color:var(--marinho);animation:gira .8s linear infinite}.btn .spinner{border-color:#224e6b40;border-top-color:var(--marinho)}.selo-simulado{position:fixed;bottom:8px;left:8px;z-index:100;background:#000;color:#fff;font-size:11px;padding:4px 8px;border-radius:6px;opacity:.7}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}