.pecas { display: grid; gap: 16px; margin: 28px 0 16px; }
.peca { border-radius: 10px; padding: 18px 16px; background: var(--fundo-elevado); }
.peca-topo { display: grid; gap: 0 12px; }
@media (min-width: 600px) { .peca-topo { grid-template-columns: 1fr 1fr; } }
.peca-campos { display: grid; gap: 0 12px; }
@media (min-width: 600px) { .peca-campos { grid-template-columns: 1fr 1fr; } }
.botao-ajuda { justify-self: start; font: 14px var(--fonte); color: var(--latao); background: none; border: 0; padding: 4px 0; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.peca-resultado { margin: 8px 0 14px; padding: 12px 14px; background: var(--fundo); overflow-wrap: anywhere; }
.peca-resultado .numero { font-size: 22px; }
.bloco { display: block; margin-top: 6px; }
.aviso-peca { color: var(--erro); font-size: 14px; }
.peca-acoes { display: flex; gap: 10px; }
.resumo { margin: 40px 0 20px; }
.resumo-grupo { padding: 18px 20px; margin-bottom: 4px; background: var(--fundo-elevado); }
.resumo-pecas { margin: 0 0 8px; padding-left: 18px; color: var(--texto-2); overflow-wrap: anywhere; }
.resumo-pedir .numero { font-size: 26px; }
.resumo-total { font-size: 18px; margin-top: 18px; }
.desenho-ajuda { margin: 8px 0 16px; width: 100%; max-width: 360px; }
.ajuda-completa { padding-top: 14px; color: var(--texto-2); max-height: 50vh; overflow-y: auto; }
#ajuda .acoes { margin-top: 12px; }
.pulsa { display: inline-block; transform-origin: left center; }