/* Página de doação (/apoiar.html). O layout usa as classes guide-* de seo.css. */
.donate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:8px 30px}
.donate-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}
.donate-card h3{margin:0 0 8px;color:var(--blue-dark);font-size:22px}
.donate-card p{margin:0 0 14px;color:var(--muted);line-height:1.65;font-size:14px}
.donate-qr{align-self:center;width:min(206px,100%);padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.donate-qr svg{display:block;width:100%;height:auto}
.donate-code-label{margin:14px 0 6px;font-size:11px;font-weight:800;letter-spacing:.11em;color:#667681;text-transform:uppercase}
.donate-code{display:block;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:#3c4c59;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;word-break:break-all;-webkit-user-select:all;user-select:all}
.donate-copy{margin-top:14px}
.donate-copy.donate-copied{background:var(--green);border-color:var(--green)}
@media(max-width:850px){.donate-grid{grid-template-columns:1fr}}
@media(max-width:600px){.donate-card{padding:16px}.donate-copy{width:100%}}