/* ============ O PODER DA SOMA — Mês de Doar EPM 2026 ============
   Bloco verde com simulador (doadores × doação média × anos).
   - Sem interação: troca de exemplo a cada 3,4s (só quando visível na tela).
   - Ao tocar no simulador, a animação para e a etiqueta "Exemplo" some.
   - Altura fixa entre exemplos (sem "pulos").
   - <960px: comentário da média vai para o fim. <640px: margens, número e toques otimizados.
   Classes com prefixo .ps- para não conflitar com o site.
   Cole o <div class="ps"> no lugar do bloco atual (dentro do container da seção). */
.ps{margin-top:80px;background:#134015;color:#fff;border-radius:32px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(32px,5vw,64px);align-items:center;font-family:'Work Sans',system-ui,sans-serif;line-height:1.6;box-sizing:border-box}
.ps *{box-sizing:border-box}
.ps-col{display:flex;flex-direction:column;gap:20px}
.ps-tag{align-self:flex-start;display:inline-block;padding:8px 14px;border-radius:8px;background:rgba(255,255,255,.1);color:#dbe9a6;font:600 14px 'Work Sans',sans-serif}
.ps-h{margin:0;font:700 clamp(28px,3.6vw,46px)/1.12 'Lora',serif;color:#fff;text-wrap:balance}
.ps-p{margin:0;font-size:19px;line-height:1.55;color:#e4ece1;text-wrap:pretty}
.ps-p strong{color:#fff}
.ps-note{border-top:1px solid rgba(255,255,255,.18);padding-top:20px;display:flex;flex-direction:column;gap:6px}
.ps-note .a{font:400 17px/1.55 'Work Sans',sans-serif;color:#e4ece1;text-wrap:pretty}
.ps-note .a strong{color:#dbe9a6}
.ps-note .b{font:700 17px/1.45 'Work Sans',sans-serif;color:#fff;text-wrap:pretty}
.ps-note.m{display:none;grid-column:1/-1}
.ps-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:20px;min-width:0}
.ps-head{display:flex;flex-direction:column;gap:4px;min-width:0}
.ps-top{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.ps-kick{font:600 13px 'Work Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#cfe38a}
.ps-chip{height:24px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(159,191,22,.16);color:#dbe9a6;font:600 12px 'Work Sans',sans-serif;transition:opacity .4s}
.ps-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:#9fbf16}
.ps-chip.off{opacity:0}
.ps-lead{margin-top:6px;font:500 16px 'Work Sans',sans-serif;color:#d7e2d3;white-space:nowrap}
.ps-num{font:700 clamp(38px,4.6vw,58px)/1.05 'Lora',serif;color:#9fbf16;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ps-per{min-height:2.9em;font:500 15px/1.45 'Work Sans',sans-serif;color:#d7e2d3;text-wrap:pretty}
.ps-per strong{color:#fff;font-weight:600;white-space:nowrap}
.ps-bars{display:flex;align-items:flex-end;gap:4px;height:72px}
.ps-bars span{flex:1;min-height:4px;height:4px;border-radius:4px 4px 2px 2px;background:rgba(255,255,255,.1);transition:height .6s cubic-bezier(.2,.7,.2,1),background .4s}
.ps-sls{display:flex;flex-direction:column;gap:12px}
.ps-sl{display:flex;flex-direction:column;gap:2px}
.ps-sl .l{display:flex;justify-content:space-between;gap:12px;white-space:nowrap;font:500 15px 'Work Sans',sans-serif;color:#d7e2d3}
.ps-sl .l strong{font:700 16px 'Work Sans',sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.ps-sl input{width:100%;margin:0;accent-color:#9fbf16;height:28px;cursor:pointer;touch-action:pan-y}
.ps-btn{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font:600 14px 'Work Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s}
.ps-btn:hover{background:rgba(255,255,255,.08)}
@media (max-width:959px){.ps-note.d{display:none}.ps-note.m{display:flex}}
@media (max-width:639px){
  .ps{margin-top:56px;border-radius:24px;padding:28px 18px 24px;gap:28px}
  .ps-col{gap:16px}
  .ps-p{font-size:17px}
  .ps-card{border-radius:20px;padding:20px 16px;gap:18px}
  .ps-num{font-size:clamp(30px,9vw,40px)}
  .ps-bars{gap:3px;height:56px}
  .ps-sls{gap:8px}
  .ps-sl input{height:40px}
  .ps-btn{align-self:stretch}
}

@media(max-width:959px){.campaign-page .ps{grid-template-columns:minmax(0,1fr)!important}.campaign-page .ps-h{font-size:clamp(28px,7vw,38px)!important;line-height:1.15!important}.campaign-page .ps-p{font-size:17px!important;line-height:1.55!important}}
.campaign-page .ps-num{font-size:clamp(27px,3.6vw,50px);max-width:100%}.campaign-page .ps-sl .l{white-space:normal;align-items:baseline}.campaign-page .ps-sl .l strong{white-space:nowrap}.campaign-page .ps-chip{max-width:100%;font-size:11px;letter-spacing:0}.campaign-page .ps-sl input{min-height:40px}.campaign-page .ps-btn{min-height:48px}.campaign-page .ps-sl input:focus-visible,.campaign-page .ps-btn:focus-visible{outline:2px solid #e2edbd;outline-offset:3px}@media(max-width:639px){.campaign-page .ps-num{font-size:clamp(25px,7.8vw,38px)}.campaign-page .ps-sl .l{font-size:13px}.campaign-page .ps-sl .l strong{font-size:14px}}@media(prefers-reduced-motion:reduce){.ps-bars span{transition:none}.ps-chip{transition:none}}