body{background:var(--creme)}
.topo{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--papel);border-bottom:1px solid var(--linha)}
.topo .logo .t1{font-size:18px}.topo .logo .t2{font-size:20px}
.cadeado{font-size:13px;font-weight:800;color:var(--pinho)}
main.estreito{padding-top:16px;padding-bottom:40px;display:grid;gap:14px}
.resumo{display:flex;align-items:center;gap:12px;padding:12px}
.resumo img{width:64px;height:64px;border-radius:12px;object-fit:cover}
.resumo div{flex:1;display:flex;flex-direction:column;line-height:1.25}
.resumo span{font-size:13.5px;color:var(--tx2)}
.resumo strong{font:800 19px var(--serif);color:var(--vermelho)}
.etapa{padding:20px 18px}
.etapa h2{font-size:22px;display:flex;align-items:center;gap:10px;margin-bottom:14px}
.etapa h2 .n{width:30px;height:30px;border-radius:50%;background:var(--vermelho);color:#fff;font:800 16px var(--sans);display:grid;place-items:center}
label{display:block;font-weight:700;font-size:14.5px;margin-top:12px}
select,input,textarea{width:100%;margin-top:6px;border:2px solid var(--linha);border-radius:12px;padding:14px;font:600 17px var(--sans);background:#fff;color:var(--tx);outline:none}
input:focus{border-color:var(--pinho)}
input.ruim{border-color:var(--vermelho);background:#fff5f5}
.lado{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.chamada{text-align:center;font-size:28px;margin:6px 0 2px}
.bump{display:grid;grid-template-columns:auto 70px 1fr;gap:12px;align-items:start;background:#fff7d6;border:2px dashed var(--ouro);border-radius:16px;padding:14px;margin-top:0;cursor:pointer;font-weight:400;transition:.15s}
.bump+.bump{margin-top:12px}
.bump input{width:24px;height:24px;margin:4px 0 0;accent-color:var(--pinho)}
.bump img{width:70px;height:70px;border-radius:10px;object-fit:cover}
.bump b{display:block;font:800 17px var(--serif);color:var(--choco);margin:2px 0 4px}
.bump p{font-size:14px;color:var(--tx2);line-height:1.4}
.bump .tag{font-size:10.5px;font-weight:900;letter-spacing:.08em;color:var(--vermelho)}
.bump .pb{display:inline-block;margin-top:8px;font-weight:900;color:var(--pinho)}
.bump.on{background:#eaf4ee;border-style:solid;border-color:var(--pinho)}
.metodos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.met{border:2px solid var(--linha);background:#fff;border-radius:14px;padding:12px;font:800 16px var(--sans);color:var(--choco);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}
.met small{font-weight:700;color:var(--tx2);font-size:12px}
.met .ic{color:var(--pinho)}
.met.on{border-color:var(--pinho);background:#eaf4ee}
.total{display:flex;justify-content:space-between;align-items:center;margin:18px 0 14px;padding-top:14px;border-top:1px dashed var(--linha);font-weight:800}
.total strong{font:800 26px var(--serif);color:var(--vermelho)}
.erro{background:#fff0f0;border:1px solid #f1c4c4;color:#8f1d22;border-radius:12px;padding:12px;font-weight:700;font-size:15px;margin-bottom:12px}
.valorpix{font:800 34px var(--serif);color:var(--vermelho);margin:6px 0 10px}
.passos-pix{text-align:left;margin:0 0 16px 20px;display:grid;gap:6px}
#codigo{font:600 12.5px ui-monospace,monospace;margin-top:12px;resize:none;color:var(--tx2)}
.qr-det{margin-top:10px;text-align:left}.qr-det summary{cursor:pointer;font-weight:700;color:var(--pinho)}
#qr{display:grid;place-items:center;padding:14px}
.aguardando{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 6px;font-weight:800;color:var(--pinho)}
.pulso{width:12px;height:12px;border-radius:50%;background:var(--pinho);animation:p 1.2s infinite}
@keyframes p{0%{box-shadow:0 0 0 0 rgba(31,74,56,.5)}100%{box-shadow:0 0 0 14px rgba(31,74,56,0)}}
select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%233a2418' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 16px center}
.juros-nota{font-size:12.5px;color:var(--tx2);margin-top:6px}