/* Apenas checkout. Tokens e fonte herdados da LP; sem acessar classes internas do Brick. */
.checkout-body{padding-bottom:0;--borda-campo:var(--fraca)}
.checkout-body [hidden]{display:none!important}
.checkout-largura{width:min(1040px,calc(100% - 64px));margin-inline:auto}
.checkout-topo{border-bottom:1px solid var(--linha)}
.checkout-barra{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:80px}
.checkout-voltar{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:12px;text-decoration:none}
.checkout-voltar:hover{text-decoration:underline}
.checkout{padding-top:48px;padding-bottom:48px}
.checkout-intro h1{font-size:clamp(28px,4vw,40px);max-width:none;line-height:1.2;margin-top:16px;letter-spacing:-.05em}
.checkout-etapas{display:flex;gap:32px;list-style:none;margin:32px 0;padding:0 0 24px;border-bottom:1px solid var(--linha);font-size:12px;color:var(--fraca)}
.checkout-etapas li{display:flex;gap:12px;align-items:center}
.checkout-etapas li>span{display:inline-flex;width:28px;height:28px;justify-content:center;align-items:center;border:1px solid var(--linha);border-radius:4px;font-size:11px}
.checkout-etapas li[aria-current=step]{color:var(--tinta);font-weight:600}
.checkout-etapas li[aria-current=step]>span{background:var(--tinta);color:var(--claro);border-color:var(--tinta)}
.checkout-etapas .etapa-feita>span{border-color:var(--tinta);color:var(--tinta)}
.checkout-grade{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:32px;align-items:start}
.checkout-resumo{position:sticky;top:24px;min-width:0;border-radius:4px;background:var(--tinta);color:var(--claro);overflow:hidden}
.resumo-produto{padding:32px 24px 24px}
.resumo-produto>.rotulo{color:var(--no-escuro);margin-bottom:16px}
.resumo-produto h2{font-size:28px;line-height:1.25;letter-spacing:-.04em;max-width:18ch}
.resumo-produto>p:not(.rotulo){color:var(--no-escuro);font-size:13px;line-height:1.65;margin-top:16px}
.resumo-formato{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--linha-escura);padding-top:16px;margin-top:24px;font-size:11px}
.resumo-formato>span{color:var(--no-escuro)}.resumo-formato strong{font-weight:500;text-align:right}
.resumo-total{padding:24px;background:var(--elevado)}
.resumo-total>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.resumo-total>div>span{font-size:13px}.resumo-total strong{font-size:36px;line-height:1.15;white-space:nowrap;letter-spacing:-.07em;font-weight:600}
.resumo-total>p{font-size:11px;color:var(--no-escuro);margin-top:12px}
.resumo-ambiente{font-size:11px;line-height:1.65;padding:16px 24px;color:var(--no-escuro);border-top:1px solid var(--linha-escura)}
.resumo-pedido{border-top:1px solid var(--linha-escura);padding:16px 24px;display:grid;gap:8px;font-size:11px;color:var(--no-escuro)}
.resumo-pedido code{font:inherit;color:var(--claro);overflow-wrap:anywhere}
.checkout-conteudo{min-width:0}
.checkout-estado{display:flex;gap:16px;align-items:start;padding:24px;border:1px solid var(--linha);border-radius:4px;background:var(--suave)}
.estado-icone{flex:0 0 32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--linha);border-radius:4px;color:var(--tinta);font-size:20px;line-height:1}
.checkout-estado .rotulo{font-size:11px;margin-bottom:8px}.checkout-estado h2{font-size:20px;line-height:1.35;letter-spacing:-.03em;max-width:none}.checkout-estado #estado-mensagem{margin-top:12px;font-size:13px;color:var(--texto)}
.checkout-body[data-estado=approved] .checkout-estado{background:var(--tinta);color:var(--claro);border-color:var(--tinta)}
.checkout-body[data-estado=approved] .checkout-estado .rotulo,.checkout-body[data-estado=approved] .checkout-estado #estado-mensagem{color:var(--no-escuro)}
.checkout-body[data-estado=approved] .estado-icone{border-color:var(--linha-escura);color:var(--claro)}
.checkout-body[data-estado=error] .checkout-estado,.checkout-body[data-estado=rejected] .checkout-estado{border-color:var(--fraca)}
.checkout-spinner{display:inline-block;width:16px;height:16px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;animation:checkout-girar .9s linear infinite;flex-shrink:0}
@keyframes checkout-girar{to{transform:rotate(360deg)}}
.metodos-previa{margin-top:24px}.metodos-previa>.nota{margin-top:12px}
.checkout-metodos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.checkout-metodo,.metodo-previa{display:flex;align-items:center;gap:12px;padding:16px 12px;background:var(--papel);border:1px solid var(--linha);border-radius:4px;color:var(--tinta);min-height:80px;text-align:left;min-width:0}
.checkout-metodo{font:inherit;cursor:pointer;position:relative}.checkout-metodo:disabled{cursor:wait;color:var(--fraca)}.checkout-metodo b,.metodo-previa b{font-size:13px;line-height:1.45;font-weight:500;display:block}.checkout-metodo small,.metodo-previa small{display:block;font-size:11px;color:var(--fraca);line-height:1.5;margin-top:4px}.metodo-previa{background:var(--suave);color:var(--fraca)}.metodo-previa b{color:var(--texto)}
.metodo-icone,.metodo-previa>span,.metodo-previa>svg{width:24px;height:24px;flex-shrink:0;font-size:28px;line-height:1;text-align:center}
.checkout-metodos svg{fill:none;stroke:currentColor;stroke-width:1.2}
.metodo-marcador{width:12px;height:12px;border:1px solid var(--fraca);border-radius:50%;margin-left:auto;flex-shrink:0}
.checkout-metodo:hover{border-color:var(--fraca)}.checkout-metodo[aria-pressed=true]{border-color:var(--tinta);background:var(--suave)}.checkout-metodo[aria-pressed=true] .metodo-marcador{background:var(--tinta);border-color:var(--tinta)}
.pagamento-titulo{margin-top:32px}.pagamento-titulo h2{font-size:22px;line-height:1.3;max-width:none;margin-top:8px}
.checkout-form,.checkout-cartao{margin-top:24px;padding-top:24px;border-top:1px solid var(--linha)}
.checkout-form fieldset{border:0;padding:0;margin:0;min-width:0}.checkout-form legend{font-weight:600;font-size:15px;padding:0;margin-bottom:8px}.form-intro{font-size:13px;color:var(--texto);margin-bottom:24px}
.campo{margin-bottom:24px;min-width:0}.campo label,.pix-codigo label{font-size:13px;font-weight:500;display:block;margin-bottom:8px}
.checkout-form input,.checkout-pix textarea{display:block;width:100%;border:1px solid var(--borda-campo);border-radius:4px;background:var(--papel);color:var(--tinta);font:inherit;font-size:16px;line-height:1.5;padding:12px;min-height:48px;box-sizing:border-box}
.checkout-form input::placeholder{color:var(--fraca);font-size:14px}.campo input:focus-visible,.checkout-pix textarea:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}.campo input:disabled{color:var(--fraca);background:var(--suave)}
.campo input[aria-invalid=true]{border-color:var(--tinta)}.campo>.nota{margin-top:8px;font-size:11px}
.campos-duplos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.checkout button{cursor:pointer;min-height:48px}.checkout button:disabled{cursor:wait;opacity:.65}
.checkout-principal{width:100%;justify-content:space-between;font-size:13px}.form-nota{margin-top:12px;font-size:11px;text-align:center}
.cartao-nota{margin-bottom:16px;font-size:12px}.cartao-carregando{display:flex;align-items:center;gap:12px;padding:24px 0;font-size:13px;color:var(--fraca)}
.checkout-pix{margin-top:24px;border:1px solid var(--linha);border-radius:4px;padding:24px}
.pix-titulo h2{font-size:22px;line-height:1.3;max-width:none;margin-top:8px}.pix-titulo>p:last-child{font-size:13px;color:var(--texto);margin-top:12px}
.pix-grade{display:grid;grid-template-columns:minmax(0,224px) 1fr;gap:24px;align-items:center;margin-top:24px}
.pix-grade.sem-qr{grid-template-columns:1fr}.pix-qr{margin:0;min-width:0;text-align:center}.pix-qr img{display:block;width:100%;max-width:224px;height:auto;aspect-ratio:1;background:var(--claro);margin-inline:auto;border:1px solid var(--linha);border-radius:4px;padding:8px}.pix-qr figcaption{font-size:11px;color:var(--fraca);margin-top:8px}
.pix-instrucoes ol{margin:0;padding-left:24px;font-size:12px;color:var(--texto);display:grid;gap:12px}.pix-instrucoes b{font-weight:500}
.pix-codigo{margin-top:24px}.pix-codigo textarea{resize:vertical;font-size:12px;line-height:1.6;overflow-wrap:anywhere;background:var(--suave);min-height:88px;max-height:192px}.pix-codigo button{margin-top:12px}
.copia-feedback{font-size:11px;line-height:1.5;color:var(--fraca);margin-top:8px;min-height:32px}.pix-codigo .copiado{background:var(--elevado)}
.pix-acompanhamento{display:flex;gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid var(--linha);color:var(--texto)}.pix-acompanhamento .checkout-spinner{margin-top:4px}.pix-acompanhamento b{font-size:12px;font-weight:500}.pix-acompanhamento p{font-size:11px;color:var(--fraca);margin-top:8px}
.checkout-acoes{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:24px}.checkout-acoes:has(>button:not([hidden])){margin-bottom:16px}.checkout-acoes:not(:has(>button:not([hidden]))){margin-top:0}
.checkout-secundario{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--linha);background:var(--papel);color:var(--tinta);border-radius:4px;padding:12px 16px;font:inherit;font-size:12px;text-decoration:none}.checkout-secundario:hover{border-color:var(--fraca)}
.checkout-consulta{margin-top:12px;font-size:11px}.resultado-nota{font-size:13px;line-height:1.65;color:var(--texto);padding:16px;margin-top:16px;background:var(--suave);border:1px solid var(--linha);border-radius:4px}
.checkout-condicoes,.checkout-explicacao{border-top:1px solid var(--linha);margin-top:24px}.checkout-condicoes summary,.checkout-explicacao summary{font-size:12px;font-weight:500;min-height:56px}.checkout-explicacao>p{font-size:12px;color:var(--texto);margin-bottom:16px;line-height:1.65}.checkout-condicoes dl{margin:8px 0 16px;font-size:12px}.checkout-condicoes dt{font-weight:600;margin:16px 0 8px}.checkout-condicoes dd{margin:0;color:var(--texto);overflow-wrap:anywhere}
.checkout-sem-js{font-size:13px;padding:24px;border:1px solid var(--linha);border-radius:4px;margin-top:24px}
.checkout-rodape{border-top:1px solid var(--linha);padding:24px 0;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--fraca)}
@media(max-width:900px){.checkout-grade{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px}.checkout-metodos{grid-template-columns:1fr}.pix-grade{grid-template-columns:1fr}.pix-qr{max-width:224px;margin-inline:auto}.pix-instrucoes{max-width:320px;margin-inline:auto}.campos-duplos{grid-template-columns:1fr;gap:0}.resumo-total strong{font-size:32px}}
@media(max-width:700px){.checkout-largura{width:calc(100% - 32px)}.checkout-barra{min-height:64px;gap:16px}.checkout-barra .marca{font-size:20px}.checkout-voltar{font-size:11px;gap:8px}.checkout{padding-top:24px;padding-bottom:32px}.checkout-intro h1{font-size:28px;margin-top:12px}.checkout-etapas{gap:16px;margin:24px 0;padding-bottom:16px;font-size:11px;justify-content:space-between}.checkout-etapas li{gap:8px}.checkout-etapas li>span{width:24px;height:24px}.checkout-grade{grid-template-columns:1fr;gap:24px}.checkout-resumo{position:static}.resumo-produto{padding:16px}.resumo-produto>.rotulo{margin-bottom:8px}.resumo-produto h2{font-size:24px;max-width:none}.resumo-produto>p:not(.rotulo){margin-top:8px;font-size:12px}.resumo-formato{display:none}.resumo-total{padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.resumo-total>div{display:block}.resumo-total>div>span{font-size:11px;display:block;margin-bottom:4px}.resumo-total strong{font-size:32px}.resumo-total>p{margin:0;text-align:right;max-width:16ch}.resumo-ambiente{padding:12px 16px}.resumo-pedido{padding:12px 16px}.checkout-estado{padding:16px;gap:12px}.checkout-estado h2{font-size:18px}.checkout-estado #estado-mensagem{font-size:13px;margin-top:8px}.estado-icone{width:28px;height:28px;flex-basis:28px;font-size:18px}.checkout-metodos{grid-template-columns:1fr 1fr;gap:8px}.checkout-metodo,.metodo-previa{padding:12px 8px;min-height:88px;gap:8px}.checkout-metodo .metodo-icone,.metodo-previa>span,.metodo-previa>svg{width:20px;height:20px}.checkout-metodo b,.metodo-previa b{font-size:12px}.checkout-metodo small,.metodo-previa small{font-size:11px}.metodo-marcador{position:absolute;top:8px;right:8px;width:8px;height:8px}.checkout-form{padding-top:16px;margin-top:24px}.pagamento-titulo{margin-top:24px}.pagamento-titulo h2{font-size:20px}.checkout-pix{padding:16px}.pix-titulo h2{font-size:20px}.pix-instrucoes{margin:0;max-width:none}.pix-codigo{margin-top:16px}.checkout-rodape{display:grid;gap:8px}.checkout-cartao{padding-top:16px}}
@media(max-width:360px){.checkout-etapas{gap:8px}.checkout-etapas li{gap:4px}.checkout-etapas li>span{width:20px;height:20px}.checkout-metodos{grid-template-columns:1fr}.checkout-metodo,.metodo-previa{padding:12px;min-height:72px}.metodo-marcador{position:static;width:12px;height:12px}.checkout-voltar{gap:4px}.checkout-resumo h2{font-size:22px}.resumo-total strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.checkout-spinner{animation:none}}

.pix-titulo .pix-ambiente{padding:12px;border:1px solid var(--linha);border-radius:4px;background:var(--suave);font-size:11px;margin-top:12px;color:var(--tinta)}
#cardPaymentBrick_container{font-family:var(--mono)}

/* Instrução compacta enquanto o visitante preenche; resultados continuam em destaque. */
.checkout-body[data-estado=ready] .checkout-estado{padding:12px 16px;align-items:center}
.checkout-body[data-estado=ready] .checkout-estado .rotulo,.checkout-body[data-estado=ready] .checkout-estado h2{display:none}
.checkout-body[data-estado=ready] #estado-mensagem{margin:0}

/* Complemento opcional somente depois da aprovação consultada no servidor. */
.checkout-complemento{padding:24px;margin-top:32px;border:1px solid var(--linha);border-radius:4px;background:var(--suave)}
.checkout-complemento h2{font-size:22px;line-height:1.3;max-width:none;margin-top:12px}
#complemento-descricao{font-size:13px;color:var(--texto);margin-top:16px}
.complemento-valor{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 16px}
.complemento-valor strong{font-size:32px;line-height:1.2;letter-spacing:-.06em;white-space:nowrap}
.complemento-valor>span{font-size:11px;line-height:1.5;color:var(--fraca);text-align:right}
.complemento-acoes{display:grid;gap:12px;margin-top:24px}
.complemento-acoes .checkout-principal>span:first-child{min-width:0}
#complemento-nota{margin-top:16px;font-size:11px}
@media(max-width:700px){.checkout-complemento{padding:16px;margin-top:24px}.checkout-complemento h2{font-size:20px}.complemento-valor strong{font-size:28px}}