/* Card and typography from specs/referencia-doacao.html. */
body.donation-checkout { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; background: linear-gradient(180deg, var(--color-donation-background), var(--color-donation-paper)); font-family: Arial, sans-serif; font-size: 16px; line-height: normal; color: var(--color-donation-primary); }
.donation-shell { width: min(100%, 430px); }
.donation-checkout .card { width: 100%; background: var(--color-white); border-radius: 28px; padding: 28px 26px; box-shadow: 0 18px 50px rgb(15 59 44 / .14); text-align: center; }
.donation-checkout .logo { display: block; width: 230px; max-width: 78%; height: auto; margin: 0 auto 12px; }
.donation-checkout .divider { width: 42px; height: 2px; background: var(--color-donation-gold); margin: 18px auto 22px; }
.donation-checkout h1 { font-family: inherit; font-size: 26px; font-weight: 700; line-height: normal; margin: 0; color: inherit; }
.donation-checkout .lead { font-size: 15px; line-height: 1.55; color: var(--color-donation-muted); margin: 12px auto 14px; }
.donation-checkout .goal { font-size: 22px; line-height: 1.1; font-weight: 800; color: var(--color-donation-primary); margin: 0 0 24px; }
.donation-checkout .actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: stretch; }
.donation-checkout .copy-button { width: 100%; min-height: 58px; border: 0; border-radius: 16px; background: var(--color-donation-primary); color: var(--color-white); font: 800 13px/1.25 Arial, sans-serif; cursor: pointer; padding: 10px 12px; }
.donation-checkout .copy-button.secondary { background: var(--color-white); color: var(--color-donation-primary); border: 2px solid var(--color-donation-primary); }
.donation-checkout .copy-button:hover { filter: brightness(.94); }
.donation-checkout .copy-button:active { transform: translateY(1px); }
.donation-checkout .copy-button.success { background: var(--color-donation-success); color: var(--color-white); border-color: var(--color-donation-success); }
.donation-checkout .status { margin: 10px 0 0; font-size: 13px; color: var(--color-donation-muted); }
.donation-checkout .status:empty { display: none; }
.donation-checkout .steps { margin-top: 14px; padding: 18px; text-align: left; border: 1px solid rgb(22 75 56 / .08); border-radius: 18px; }
.donation-checkout h2 { font: 700 16px/normal Arial, sans-serif; color: inherit; margin: 0 0 8px; }
.donation-checkout .steps ol { margin: 0; padding-left: 20px; color: var(--color-donation-muted); font-size: 13px; line-height: 1.6; }
.donation-checkout .footer { margin: 20px 0 0; font-size: 11px; color: var(--color-donation-footer); }
.donation-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 18px; margin-top: 12px; }
.donation-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; color: var(--color-donation-primary); }
.donation-checkout .manual-copy { margin-top: 18px; text-align: left; }
.donation-checkout .manual-copy label { display: block; margin: 12px 0 6px; font-size: 13px; }
.donation-checkout .manual-copy input, .donation-checkout .manual-copy textarea { display: block; width: 100%; padding: 12px; border: 1px solid var(--color-donation-gold); border-radius: 8px; background: var(--color-donation-paper); color: var(--color-donation-primary); font: 13px/1.5 Arial, sans-serif; }
.donation-checkout .manual-copy textarea { resize: vertical; overflow-wrap: anywhere; }
@media (max-width: 350px) { .donation-checkout .actions { grid-template-columns: 1fr; } }