/* Widget de apoio (doação PIX) — usado na home e no /contribuir.
   Usa as vars --teal/--purple/--text/--muted que as duas páginas já definem. */
.apoio-card{
  background:linear-gradient(135deg,rgba(155,109,255,.12),rgba(0,212,200,.08));
  border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px 26px;
  max-width:680px;margin:0 auto;text-align:center;
}
.apoio-card h3{font-size:1.25rem;font-weight:900;margin-bottom:8px;color:var(--text,#f2f2ff);}
.apoio-lead{font-size:14px;color:var(--muted,#9a9ac2);line-height:1.55;max-width:520px;margin:0 auto 18px;}

/* Termômetro */
.apoio-thermo{margin:0 auto 20px;max-width:460px;}
.apoio-thermo-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;font-weight:800;margin-bottom:7px;}
.apoio-thermo-top .raised{color:var(--teal,#00d4c8);}
.apoio-thermo-top .goal{color:var(--muted,#9a9ac2);}
.apoio-bar{height:12px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;border:1px solid rgba(255,255,255,.08);}
.apoio-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal,#00d4c8),var(--purple,#9b6dff));border-radius:99px;width:0;transition:width 1s cubic-bezier(.2,.8,.2,1);}
.apoio-founder-note{font-size:12px;font-weight:800;color:var(--purple,#9b6dff);margin-top:9px;}
.apoio-founder-note b{color:var(--teal,#00d4c8);}

/* Âncoras de valor */
.apoio-anchors{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;}
.apoio-anchor{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:74px;
  padding:11px 14px;border-radius:14px;cursor:pointer;font-family:inherit;
  background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.12);color:var(--text,#f2f2ff);transition:.16s;}
.apoio-anchor:hover{border-color:rgba(0,212,200,.45);}
.apoio-anchor.sel{border-color:var(--teal,#00d4c8);background:rgba(0,212,200,.12);}
.apoio-anchor .v{font-size:15px;font-weight:900;}
.apoio-anchor .lbl{font-size:10.5px;font-weight:700;color:var(--muted,#9a9ac2);}

.apoio-btns{display:flex;gap:11px;justify-content:center;flex-wrap:wrap;}
.apoio-go{background:linear-gradient(135deg,var(--teal,#00d4c8),var(--purple,#9b6dff));color:#08081a;
  border:none;border-radius:999px;padding:12px 26px;font-size:14px;font-weight:900;cursor:pointer;font-family:inherit;}
.apoio-go:hover{filter:brightness(1.08);}
.apoio-ghost{background:transparent;border:1px solid rgba(255,255,255,.16);color:var(--text,#f2f2ff);
  border-radius:999px;padding:12px 22px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.apoio-ghost:hover{border-color:var(--teal,#00d4c8);color:var(--teal,#00d4c8);}

/* Mural */
.apoio-mural{margin-top:22px;}
.apoio-mural-h{font-size:13px;font-weight:900;color:var(--text,#f2f2ff);margin-bottom:12px;letter-spacing:.3px;}
.apoio-mural-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.apoio-supporter{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 13px 6px 10px;font-size:12.5px;font-weight:800;color:var(--text,#f2f2ff);}
.apoio-supporter .em{font-size:14px;}
.apoio-supporter.founder{border-color:rgba(155,109,255,.45);background:rgba(155,109,255,.10);}
.apoio-supporter .msg{font-weight:600;color:var(--muted,#9a9ac2);font-style:italic;}
.apoio-mural-empty{font-size:12.5px;color:var(--muted,#9a9ac2);font-weight:700;}

/* Modal */
.apoio-overlay{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;
  padding:18px;background:rgba(4,4,14,.8);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .2s;}
.apoio-overlay.open{opacity:1;pointer-events:all;}
.apoio-modal{width:100%;max-width:430px;background:#10102a;border:1px solid rgba(255,255,255,.13);
  border-radius:20px;padding:24px;box-shadow:0 26px 70px rgba(0,0,0,.6);transform:translateY(12px);transition:transform .2s;
  max-height:90vh;overflow-y:auto;}
.apoio-overlay.open .apoio-modal{transform:translateY(0);}
.apoio-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.apoio-modal-head h3{font-size:1.1rem;font-weight:900;color:var(--text,#f2f2ff);}
.apoio-x{background:none;border:none;color:var(--muted,#9a9ac2);font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:8px;}
.apoio-x:hover{color:var(--text,#f2f2ff);background:rgba(255,255,255,.06);}
.apoio-l{display:block;font-size:12px;font-weight:800;color:var(--text,#e8e8ff);margin-bottom:13px;text-align:left;}
.apoio-l span.opt{color:var(--muted,#7878a0);font-weight:700;}
.apoio-l input[type=text],.apoio-l input[type=number]{width:100%;margin-top:6px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;color:var(--text,#f2f2ff);font-size:14px;font-family:inherit;font-weight:600;outline:none;}
.apoio-l input:focus{border-color:rgba(0,212,200,.5);}
.apoio-check{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;color:var(--muted,#bcbce0);margin-bottom:16px;cursor:pointer;text-align:left;}
.apoio-check input{width:17px;height:17px;accent-color:var(--teal,#00d4c8);flex-shrink:0;}
.apoio-msg{font-size:12.5px;font-weight:700;border-radius:9px;padding:8px 11px;margin-bottom:11px;}
.apoio-msg.err{color:#ff8585;background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.25);}

/* QR / pagamento */
.apoio-qr-wrap{text-align:center;}
.apoio-qr{width:210px;height:210px;border-radius:14px;background:#fff;padding:10px;margin:4px auto 14px;display:block;}
.apoio-copy-box{display:flex;gap:7px;margin-bottom:12px;}
.apoio-copy-box input{flex:1;min-width:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:10px;padding:9px 11px;color:var(--muted,#bcbce0);font-size:11px;font-family:monospace;outline:none;}
.apoio-copy{background:var(--teal,#00d4c8);color:#08081a;border:none;border-radius:10px;padding:0 15px;font-size:12.5px;font-weight:900;cursor:pointer;font-family:inherit;white-space:nowrap;}
.apoio-waiting{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;color:var(--muted,#9a9ac2);margin-top:6px;}
.apoio-spin{width:15px;height:15px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--teal,#00d4c8);border-radius:50%;animation:apoioSpin .8s linear infinite;}
@keyframes apoioSpin{to{transform:rotate(360deg);}}

/* Sucesso */
.apoio-ok{text-align:center;padding:8px 4px 2px;}
.apoio-ok-emoji{font-size:3rem;margin-bottom:8px;}
.apoio-ok h3{font-size:1.2rem;font-weight:900;color:var(--text,#f2f2ff);margin-bottom:8px;}
.apoio-ok p{font-size:13.5px;color:var(--muted,#bcbce0);line-height:1.55;margin-bottom:16px;}
.apoio-badge{display:inline-block;background:rgba(155,109,255,.15);border:1px solid rgba(155,109,255,.45);
  color:var(--purple,#9b6dff);font-size:12px;font-weight:900;border-radius:999px;padding:6px 15px;margin-bottom:14px;}