/* Programa pro bono: programa-probono.html, ayuda-a-un-migrante.html,
   registrate-y-recibe-ayuda.html. Reuses co-* (editorial) and lf-* (form
   mechanics) classes from style.css/lead-form.css — this file only adds
   what's genuinely new: the impact list, the donate-now block, the pro bono
   hub's CTA cards, and the confidentiality/honesty notices. */

.pb-impact-point{padding:1.25rem 0;border-top:1px solid var(--gray-100)}
.pb-impact-point:first-of-type{border-top:none;padding-top:0}
.pb-impact-point h3{font-size:1.02rem;margin-bottom:.4rem}
.pb-impact-point p{font-size:.94rem;margin:0}

.pb-donate-now{text-align:center;margin-bottom:2.5rem}
.pb-donate-btn{font-size:1.02rem;padding:.9rem 2rem}
.pb-donate-note{font-size:.82rem;color:var(--gray-500);margin-top:.75rem}
.pb-or-divider{display:flex;align-items:center;gap:1rem;max-width:420px;margin:2rem auto 0;color:var(--gray-500);font-size:.86rem}
.pb-or-divider::before,.pb-or-divider::after{content:'';flex:1;height:1px;background:var(--gray-300)}

.pb-notice{max-width:720px;margin:0 auto 1.25rem;padding:1rem 1.25rem;border-radius:var(--r-md);font-size:.92rem;line-height:1.55}
.pb-notice-confidential{background:var(--green-soft);color:var(--green-dark);font-weight:600}
.pb-notice-honesty{background:var(--gray-100);color:var(--gray-700)}

/* Pro bono hub (programa-probono.html): two big CTA cards. */
.pb-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;margin-top:1rem}
.pb-cta-card{display:flex;flex-direction:column;padding:2.25rem;border-radius:var(--r-lg);color:var(--white);text-decoration:none;transition:transform var(--t),box-shadow var(--t)}
.pb-cta-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.pb-cta-donate{background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%)}
.pb-cta-apply{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%)}
.pb-cta-icon{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}
.pb-cta-icon svg{width:26px;height:26px}
.pb-cta-card h3{color:var(--white);font-size:1.25rem;margin-bottom:.6rem}
.pb-cta-card p{color:rgba(255,255,255,.85);font-size:.95rem;margin-bottom:1.5rem;flex:1}
.pb-cta-arrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.92rem}
.pb-cta-arrow svg{width:16px;height:16px;transition:transform var(--t)}
.pb-cta-card:hover .pb-cta-arrow svg{transform:translateX(3px)}

.pb-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin-top:1.5rem}
.pb-category{padding:.9rem 1.1rem;background:var(--cream);border-radius:var(--r-md);border:1px solid var(--gray-100);font-size:.92rem;font-weight:600;color:var(--black)}

@media (max-width:768px){
  .pb-cta-grid{grid-template-columns:1fr}
  .pb-categories{grid-template-columns:1fr}
}