/* =====================================================================
   DOAÇÕES — área pública configurável (PIX, pagamento online, WhatsApp)
   Carregar após design-system.css, layout.css, home.css e institucional.css.
   ===================================================================== */

.donate-layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 360px));
  justify-content: center;
  gap: 1.25rem;
  align-items: start;
}

.donate-card {
  background: var(--glass-bg, #fff);
  border: 1px solid var(--glass-border, rgba(15, 46, 28, 0.1));
  border-radius: var(--r-lg, 20px);
  padding: 1.6rem 1.5rem;
  box-shadow: var(--shadow-md, 0 14px 34px rgba(15, 46, 28, 0.08));
}
.donate-card h2 { font-size: 1.2rem; margin: 0 0 0.45rem; }
.donate-card > p { color: var(--tinta-suave, #5b6b60); margin: 0 0 1.1rem; line-height: 1.55; }

.donate-icon {
  width: 46px; height: 46px; display: grid; place-items: center;
  border-radius: 13px; background: rgba(46, 125, 70, 0.12);
  color: var(--verde-700, #21603a); margin-bottom: 0.85rem;
}

/* PIX */
.pix-key-row { display: flex; gap: 0.5rem; align-items: stretch; flex-wrap: wrap; }
.pix-key-row code {
  flex: 1 1 auto; min-width: 0; word-break: break-all;
  padding: 0.75rem 0.9rem; background: rgba(15, 46, 28, 0.05);
  border: 1px dashed var(--glass-border, rgba(15, 46, 28, 0.2)); border-radius: 11px;
  font-family: var(--font-mono, ui-monospace, "JetBrains Mono", monospace); font-size: 0.92rem;
}
.pix-copy { flex: 0 0 auto; }
.copy-ok { color: var(--verde-700, #21603a); font-weight: 700; font-size: 0.85rem; margin: 0.55rem 0 0; }
.pix-name { color: var(--tinta-suave, #5b6b60); font-size: 0.88rem; margin: 0.7rem 0 0; }

.donate-suggestions { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 1.1rem 0 0; padding: 0; list-style: none; }
.donate-suggestions span {
  padding: 0.32rem 0.75rem; border-radius: 999px; background: rgba(46, 125, 70, 0.1);
  color: var(--verde-700, #21603a); font-weight: 700; font-size: 0.85rem;
}

/* Botões de pagamento online */
.donate-online-buttons { display: grid; gap: 0.6rem; }
.donate-online-buttons .btn { width: 100%; justify-content: center; }

/* WhatsApp */
.btn-whats { background: #25d366; color: #fff; border: none; }
.btn-whats:hover { background: #1eb858; color: #fff; }

.donate-note {
  margin-top: 1.6rem; padding: 1.1rem 1.25rem; border-radius: 14px;
  background: rgba(46, 125, 70, 0.07); border: 1px solid rgba(46, 125, 70, 0.16);
  color: var(--tinta, #1f2d24); line-height: 1.6;
}

.donate-empty { text-align: center; padding: 2.5rem 1rem; color: var(--tinta-suave, #5b6b60); }