@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";.pg{--tinta:#0e1a2b;--apoio:#5a6a7e;--linha:#d9dfe7;--fundo:#f2f4f7;--papel:#fff;--acento:#0e6b66;--acento-escuro:#0a524e;--acento-suave:#e3f1ef;--erro:#b42318;background:var(--fundo);min-height:100vh;color:var(--tinta);font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;display:flow-root}.pg *,.pg :before,.pg :after{box-sizing:border-box}.pg h1,.pg h2,.pg p{margin:0}.pg__topo{background:var(--papel);border-bottom:1px solid var(--linha)}.pg__topo-in{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:16px 24px;display:flex}.pg__marca{align-items:center;gap:12px;min-width:0;display:flex}.pg__logo{object-fit:contain;flex:none;width:auto;max-width:160px;height:40px;display:block}.pg__empresa{overflow-wrap:anywhere;font-size:17px;font-weight:600}.pg__seguro{color:var(--acento);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.pg__main{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;max-width:1120px;margin:32px auto 56px;padding:0 24px;display:grid}.pg__aviso{background:var(--papel);border:1px solid var(--linha);text-align:center;border-radius:14px;max-width:440px;margin:80px auto;padding:40px 32px}.pg__aviso h1{margin-bottom:8px;font-size:22px}.pg__aviso p{color:var(--apoio)}.pg__sucesso-icone{background:var(--acento-suave);width:56px;height:56px;color:var(--acento);border-radius:50%;place-items:center;margin-bottom:16px;display:inline-grid}.esqueleto{background:linear-gradient(90deg,#e6eaf0 25%,#f0f3f7 50%,#e6eaf0 75%) 0 0/200% 100%;border-radius:14px;animation:1.4s linear infinite brilho}.esqueleto--grande{height:460px}.esqueleto--lateral{height:320px}@keyframes brilho{to{background-position:-200% 0}}.pagamento{background:var(--papel);border:1px solid var(--linha);border-radius:14px;padding:32px}.pagamento__titulo{margin-bottom:24px;font-size:22px;font-weight:600}.pagamento__corpo{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:36px;display:grid}.pagamento__dados{min-width:0}.opcoes{border:0;min-width:0;margin:0 0 28px;padding:0}.opcoes legend{margin-bottom:12px;padding:0;font-size:14px;font-weight:600}.opcoes__lista{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.opcao{cursor:pointer;display:block;position:relative}.opcao input{opacity:0;pointer-events:none;position:absolute}.opcao__corpo{border:1px solid var(--linha);background:var(--papel);min-height:56px;color:var(--apoio);border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.opcao:hover .opcao__corpo{border-color:#aab5c3}.opcao input:checked+.opcao__corpo{border-color:var(--acento);box-shadow:0 0 0 1px var(--acento);color:var(--acento);background:#f3f9f8}.opcao input:focus-visible+.opcao__corpo{outline:2px solid var(--acento);outline-offset:2px}.opcao__texto{flex-direction:column;min-width:0;line-height:1.3;display:flex}.opcao__texto strong{color:var(--tinta);font-size:14px;font-weight:600}.opcao__texto small{color:var(--apoio);font-size:12px}.selo{background:var(--acento-suave);color:var(--acento-escuro);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.campos{gap:16px;display:grid}.campos__par{grid-template-columns:1fr 1fr;gap:16px;display:grid}.campo label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.campo input{background:var(--papel);width:100%;height:46px;color:var(--tinta);font:inherit;font-variant-numeric:tabular-nums;border:1px solid #bfc8d3;border-radius:8px;padding:0 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.campo input::placeholder{color:#8a97a8}.campo input:focus{border-color:var(--acento);outline:none;box-shadow:0 0 0 3px #0e6b662e}.campo--erro input{border-color:var(--erro)}.campo--erro input:focus{box-shadow:0 0 0 3px #b4231829}.campo__erro{color:var(--erro);margin-top:6px;font-size:13px;display:block}.painel-salvo{background:var(--fundo);border-radius:10px;padding:20px}.painel-salvo h2{margin-bottom:4px;font-size:16px;font-weight:600}.painel-salvo p{color:var(--apoio);font-size:14px}.alerta{color:var(--erro);background:#fef3f2;border:1px solid #fecdca;border-radius:8px;margin-top:16px;padding:12px 14px;font-size:14px}.botao{background:var(--acento);color:#fff;width:100%;height:50px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:16px;font-weight:600;transition:background-color .15s;display:flex}.botao:hover:not(:disabled){background:var(--acento-escuro)}.botao:focus-visible{outline:2px solid var(--acento);outline-offset:3px}.botao:disabled{cursor:not-allowed;background:#aeb8c4}.botao__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite gira}@keyframes gira{to{transform:rotate(360deg)}}.resumo{background:var(--papel);border:1px solid var(--linha);border-radius:14px;padding:24px;position:sticky;top:24px}.resumo h2{margin-bottom:12px;font-size:16px;font-weight:600}.resumo__empresa{font-weight:500}.resumo__empresa span{color:var(--apoio);font-size:13px;font-weight:400;display:block}.resumo__itens{margin:16px 0 0;padding:0;list-style:none}.resumo__itens li{border-bottom:1px solid var(--linha);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.resumo__item-info{flex-direction:column;min-width:0;display:flex}.resumo__item-nome{overflow-wrap:anywhere;font-size:14px}.resumo__item-calc{color:var(--apoio);font-size:12px}.resumo__item-total{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.resumo__total{justify-content:space-between;align-items:baseline;gap:12px;padding-top:16px;display:flex}.resumo__total span{color:var(--apoio)}.resumo__total strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.cena{perspective:1000px;aspect-ratio:1.586;width:100%;max-width:340px;container-type:inline-size}.cartao{width:100%;height:100%;transform-style:preserve-3d;--fundo-cartao:linear-gradient(135deg, #17283f 0%, #1f4e5f 100%);font-size:4cqw;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative}.cartao--virado{transform:rotateY(180deg)}.cartao[data-bandeira=visa]{--fundo-cartao:linear-gradient(135deg, #14306b 0%, #2a5cab 100%)}.cartao[data-bandeira=mastercard]{--fundo-cartao:linear-gradient(135deg, #1f2430 0%, #53303f 100%)}.cartao[data-bandeira=amex]{--fundo-cartao:linear-gradient(135deg, #0e5a6e 0%, #2f8fa6 100%)}.cartao[data-bandeira=elo]{--fundo-cartao:linear-gradient(135deg, #101820 0%, #2f3e4e 100%)}.cartao[data-bandeira=hipercard]{--fundo-cartao:linear-gradient(135deg, #6b1b22 0%, #a63a44 100%)}.cartao__face{background:var(--fundo-cartao);color:#fff;backface-visibility:hidden;border-radius:4.5cqw;position:absolute;inset:0;overflow:hidden;box-shadow:0 22px 40px -22px #0e1a2ba6}.cartao__face:before{content:"";pointer-events:none;background:radial-gradient(circle at 105% -10%,#ffffff29 0 28%,#0000 28.5%),repeating-linear-gradient(115deg,#ffffff09 0 1px,#0000 1px 9px);position:absolute;inset:0}.cartao__frente{flex-direction:column;justify-content:space-between;padding:6cqw;display:flex}.cartao__topo{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.cartao__chips{align-items:center;gap:3cqw;display:flex}.cartao__chip{background:linear-gradient(135deg,#ecdcae 0%,#b99b5c 100%);border-radius:1.6cqw;width:12cqw;height:9cqw;display:block;position:relative}.cartao__chip:before,.cartao__chip:after{content:"";background:#46340e59;position:absolute}.cartao__chip:before{height:1px;top:50%;left:0;right:0}.cartao__chip:after{width:1px;top:0;bottom:0;left:50%}.cartao__contactless{opacity:.85;width:6.5cqw;height:6.5cqw}.cartao__marca{letter-spacing:.01em;font-size:5cqw;font-style:italic;font-weight:600}.cartao__campo{outline-offset:1cqw;border-radius:1.2cqw;outline:1.5px solid #0000;transition:background-color .2s,outline-color .2s}.cartao__campo--ativo{background:#ffffff24;outline-color:#ffffffbf}.cartao__numero{letter-spacing:.05em;white-space:nowrap;text-shadow:0 1px 1px #00000059;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6.4cqw;font-weight:500;position:relative}.cartao__base{justify-content:space-between;align-items:flex-end;gap:4cqw;display:flex;position:relative}.cartao__bloco{flex-direction:column;min-width:0;line-height:1.25;display:flex}.cartao__bloco--nome{flex:1}.cartao__rotulo{opacity:.7;font-size:2.8cqw}.cartao__valor{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:4.2cqw;font-weight:500;overflow:hidden}.cartao__verso{transform:rotateY(180deg)}.cartao__tarja{background:#0b0f16;height:17%;margin-top:8%;position:relative}.cartao__assinatura{align-items:center;gap:2cqw;margin:6cqw 6cqw 0;display:flex;position:relative}.cartao__assinatura-faixa{background:repeating-linear-gradient(-45deg,#f4f1ea 0 2px,#e2ddd0 2px 4px);border-radius:1cqw;flex:1;height:10cqw}.cartao__cvv{min-width:14cqw;color:var(--tinta,#0e1a2b);text-align:center;letter-spacing:.1em;background:#fff;padding:2.4cqw 2.5cqw;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:4.4cqw;font-weight:500}.cartao__cvv.cartao__campo--ativo{background:#fff;outline-color:#fff}.pg__main--carregando{grid-template-columns:minmax(0,1fr) 320px}@media (width<=960px){.pg__main,.pg__main--carregando{grid-template-columns:1fr}.resumo{order:-1;position:static}}@media (width<=680px){.pg__topo-in,.pg__main{padding-left:16px;padding-right:16px}.pg__main{margin-top:20px}.pagamento{padding:20px}.pagamento__corpo{grid-template-columns:1fr;gap:24px}.pagamento__cartao{justify-content:center;display:flex}.opcoes__lista{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cartao,.cartao__campo,.campo input,.opcao__corpo{transition:none}.esqueleto{animation:none}.botao__spinner{animation-duration:2s}}.modal3ds{z-index:50;background:#0e1a2b8c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal3ds--aberto{display:flex}.modal3ds__caixa{background:var(--papel);border-radius:14px;width:100%;max-width:430px;max-height:100%;padding:20px;overflow:auto;box-shadow:0 30px 60px -20px #0e1a2b80}.modal3ds__caixa:focus{outline:none}.modal3ds__topo{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal3ds__titulo{font-size:16px;font-weight:600}.modal3ds__iframe{background:#fff;border:0;width:100%;max-width:390px;height:400px;margin:0 auto;display:block}.modal3ds__cancelar{border:1px solid var(--linha);background:var(--papel);color:var(--tinta);font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500}.modal3ds__cancelar:hover{background:var(--fundo)}.modal3ds__cancelar:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.pg__aviso p+p{margin-top:8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}
