/* ============ SEÇÃO IMPACTO — Mês de Doar EPM 2026 ============
   Desktop (>=900px): tela fixa (sticky) com 5 indicadores trocados pela rolagem,
   contagem animada, transição de fundo em curva e indicador vertical.
   Mobile (<900px): carrossel deslizável, sem fixar a tela.
   Todas as classes usam o prefixo .imp- para não conflitar com o site. */

.imp-desk{position:relative;height:350vh;background:#fff}
.imp-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:96px 20px 140px;box-sizing:border-box;overflow:hidden;background:#fff;isolation:isolate}
.imp-wipe{position:absolute;left:-30%;width:160%;height:200%;top:0;background:#fff;z-index:-2;pointer-events:none}
.imp-badge{display:inline-block;padding:8px 14px;border-radius:8px;background:#e6efc8;color:#134015;font:600 14px 'Work Sans',sans-serif;transition:background .5s}
.imp-title{margin:16px 0 0;font:700 clamp(30px,4.2vw,52px)/1.1 'Lora',serif;color:#134015;text-wrap:balance}
.imp-num{margin-top:clamp(24px,4vw,48px);font:700 clamp(64px,13vw,190px)/1 'Lora',serif;letter-spacing:-.03em;color:#336600;font-variant-numeric:tabular-nums;white-space:nowrap}
.imp-label{margin-top:16px;font:600 clamp(18px,1.8vw,22px) 'Work Sans',sans-serif;color:#134015}
.imp-vdots{position:absolute;left:clamp(14px,4vw,64px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;align-items:center}
.imp-vdots span{width:8px;height:8px;border-radius:999px;background:rgba(19,64,21,.2);transition:height .5s,background .5s}
.imp-vdots span.on{height:36px;background:#336600}
.imp-arc{position:absolute;left:-20%;right:-20%;bottom:-150px;height:240px;border-radius:50%;background:#e6e6e6;pointer-events:none}
.imp-ppl{position:absolute;aspect-ratio:1;z-index:-1;opacity:0;transform:translate(-50%,-50%) scale(.3);transition:opacity .6s,transform .9s cubic-bezier(.3,1.4,.5,1);pointer-events:none}
.imp-desk.ppl-on .imp-ppl{opacity:1;transform:translate(-50%,-50%) scale(1)}
.imp-ppl>div{width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 18px 40px -20px rgba(19,64,21,.45);animation:impFloat 7s ease-in-out infinite;animation-play-state:paused}
.imp-ppl img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes impFloat{0%,100%{transform:translate(0,0)}25%{transform:translate(6px,-12px)}50%{transform:translate(-4px,-20px)}75%{transform:translate(-8px,-8px)}}

.imp-mob{display:none;background:#fff;padding:64px 0 56px;text-align:center}
.imp-mob .imp-title{margin-top:14px;font-size:28px;line-height:1.15}
.imp-track{margin-top:28px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px;scroll-padding:0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.imp-track::-webkit-scrollbar{display:none}
.imp-card{flex:0 0 86%;scroll-snap-align:center;box-sizing:border-box;min-height:220px;padding:32px 20px;border-radius:20px;background:#f4f7ea;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.imp-card:nth-child(even){background:#e9f0cf}
.imp-val{display:flex;align-items:baseline;justify-content:center;gap:6px;white-space:nowrap;color:#336600;font-family:'Lora',serif;font-weight:700;line-height:1}
.imp-val .u{font-size:clamp(20px,6vw,28px)}
.imp-val .n{font-size:clamp(48px,15vw,68px);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.imp-card p{margin:0;font:600 17px/1.35 'Work Sans',sans-serif;color:#134015;text-wrap:balance}
.imp-hdots{margin-top:20px;display:flex;justify-content:center;gap:8px}
.imp-hdots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(19,64,21,.2);transition:width .4s,background .4s;cursor:pointer}
.imp-hdots button.on{width:28px;background:#336600}

@media (max-width:899px){.imp-desk{display:none}.imp-mob{display:block}}

.campaign-page>.imp-mob{padding:64px 0 56px!important}.campaign-page .imp-stage{top:var(--campaign-nav-height,76px);height:calc(100vh - var(--campaign-nav-height,76px));padding:40px 24px 100px}.campaign-page .imp-num{font-size:clamp(60px,10vw,150px)}.campaign-page .imp-label{max-width:620px}.campaign-page .imp-ppl image-slot{display:block;width:100%;height:100%}.campaign-page .imp-hdots button{width:44px;height:44px;background:transparent;position:relative}.campaign-page .imp-hdots button::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:99px;background:#c7d2c0}.campaign-page .imp-hdots button.on{width:44px;background:transparent}.campaign-page .imp-hdots button.on::after{width:28px;background:#336600}.campaign-page .imp-mob .imp-title{font-size:28px!important}.campaign-page .imp-card p{font-size:17px!important}.campaign-page .imp-val .n{font-size:clamp(42px,13vw,68px)}.campaign-page .imp-val .u{font-size:clamp(17px,5vw,28px)}
@media(prefers-reduced-motion:reduce){.imp-ppl>div{animation:none!important}.imp-ppl{transition:none!important}}

#doador-1::part(image){transform:scale(1.41) translate(3.6%,-4.4%)}#doador-3::part(image){transform:translateX(-8.3%) scale(1.17)}

.imp-desk.ppl-on .imp-ppl>div{animation-play-state:running}