/* Cenas animadas dos cartões da página de Marketing e captação, 09/10/2026. Palco de 640 x 480 escalado pelo rec.js (--ms). Só transform e opacity animam. */
.cl-mot{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(80% 70% at 15% 10%,#F3FBF4,transparent 60%),linear-gradient(160deg,#E3F3E7,#CFE8D8);isolation:isolate}
.cl-mot-in{position:absolute;left:0;top:0;width:640px;height:480px;transform:scale(var(--ms,.6));transform-origin:0 0;font-size:15px;line-height:1.3;color:#10211A;text-align:left}
.cl-mot-in *{box-sizing:border-box}
.cl-mot svg{display:block}
.mo-card{position:absolute;border-radius:20px;background:#fff;box-shadow:0 24px 50px -24px rgba(10,50,25,.45),inset 0 0 0 1px rgba(10,50,25,.08)}
.mo-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#EEF4EF;font-size:13.5px;font-weight:600;color:#3A4A40}
.mo-green{background:#3E9A47;color:#fff}
.mo-cap{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#6A7A70}

/* ---------- campanha, 9 s ---------- */
.mc-comp{left:44px;top:30px;width:360px;height:392px;padding:22px}
.mc-comp h6{margin:0 0 14px;font-size:17px;font-weight:700}
.mc-ch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.mc-ch .mo-pill{position:relative}
.mc-ch .mo-pill i{position:absolute;inset:0;border-radius:999px;background:#3E9A47;opacity:0}
.mc-ch .mo-pill span{position:relative}
.mc-ch .mo-pill:nth-child(1) i{animation:mc-c1 9s ease-in-out infinite}
.mc-ch .mo-pill:nth-child(2) i{animation:mc-c2 9s ease-in-out infinite}
.mc-ch .mo-pill:nth-child(3) i{animation:mc-c3 9s ease-in-out infinite}
.mc-ch .mo-pill:nth-child(4) i{animation:mc-c4 9s ease-in-out infinite}
@keyframes mc-c1{0%,4%{opacity:0}8%,24%{opacity:1}28%,100%{opacity:0}}
@keyframes mc-c2{0%,24%{opacity:0}28%,44%{opacity:1}48%,100%{opacity:0}}
@keyframes mc-c3{0%,44%{opacity:0}48%,64%{opacity:1}68%,100%{opacity:0}}
@keyframes mc-c4{0%,64%{opacity:0}68%,92%{opacity:1}96%,100%{opacity:0}}
.mc-ch .mo-pill:nth-child(1) span{animation:mc-t1 9s linear infinite}
.mc-ch .mo-pill:nth-child(2) span{animation:mc-t2 9s linear infinite}
.mc-ch .mo-pill:nth-child(3) span{animation:mc-t3 9s linear infinite}
.mc-ch .mo-pill:nth-child(4) span{animation:mc-t4 9s linear infinite}
@keyframes mc-t1{0%,6%{color:#3A4A40}8%,24%{color:#fff}28%,100%{color:#3A4A40}}
@keyframes mc-t2{0%,26%{color:#3A4A40}28%,44%{color:#fff}48%,100%{color:#3A4A40}}
@keyframes mc-t3{0%,46%{color:#3A4A40}48%,64%{color:#fff}68%,100%{color:#3A4A40}}
@keyframes mc-t4{0%,66%{color:#3A4A40}68%,92%{color:#fff}96%,100%{color:#3A4A40}}
.mc-msg{padding:14px 16px;border-radius:16px 16px 16px 4px;background:#E7F6EA;font-size:15px;line-height:1.4;color:#10211A}
.mc-bar{margin-top:20px;height:12px;border-radius:999px;background:#E6EEE8;overflow:hidden}
.mc-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3E9A47,#53FF5D);transform-origin:0 50%;animation:mc-bar 9s ease-in-out infinite}
@keyframes mc-bar{0%,10%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}
.mc-lbl{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;color:#5A6A60}
.mc-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.mc-kp div{padding:10px 12px;border-radius:14px;background:#F3F7F4}
.mc-kp small{display:block;font-size:11px;color:#6A7A70}
.mc-kp b{font-size:22px;letter-spacing:-.02em}
.mc-kp div:nth-child(1){animation:mc-pop 9s ease-out infinite}
.mc-kp div:nth-child(2){animation:mc-pop2 9s ease-out infinite}
.mc-kp div:nth-child(3){animation:mc-pop3 9s ease-out infinite}
@keyframes mc-pop{0%,60%{opacity:.25;transform:scale(.96)}66%,100%{opacity:1;transform:none}}
@keyframes mc-pop2{0%,68%{opacity:.25;transform:scale(.96)}74%,100%{opacity:1;transform:none}}
@keyframes mc-pop3{0%,76%{opacity:.25;transform:scale(.96)}82%,100%{opacity:1;transform:none}}
.mc-rep{position:absolute;right:30px;padding:10px 16px;border-radius:16px 16px 4px 16px;background:#fff;box-shadow:0 18px 36px -16px rgba(10,50,25,.5),inset 0 0 0 1px rgba(10,50,25,.08);font-size:14px;font-weight:600;opacity:0}
.mc-rep.a{top:90px;animation:mc-r1 9s ease-out infinite}
.mc-rep.b{top:178px;animation:mc-r2 9s ease-out infinite}
.mc-rep.c{top:266px;animation:mc-r3 9s ease-out infinite}
@keyframes mc-r1{0%,52%{opacity:0;transform:translateX(30px)}58%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mc-r2{0%,62%{opacity:0;transform:translateX(30px)}68%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mc-r3{0%,72%{opacity:0;transform:translateX(30px)}78%,94%{opacity:1;transform:none}100%{opacity:0}}

/* ---------- prospecção no mapa, 9 s ---------- */
.mp-map{position:absolute;inset:0;opacity:.95}
.mp-pin{position:absolute;width:30px;height:38px;margin:-38px 0 0 -15px;opacity:0}
.mp-pin svg{width:100%;height:100%;fill:#3E9A47;filter:drop-shadow(0 8px 6px rgba(10,50,25,.35))}
.mp-pin:nth-of-type(1){animation:mp-p1 9s ease-out infinite}
.mp-pin:nth-of-type(2){animation:mp-p2 9s ease-out infinite}
.mp-pin:nth-of-type(3){animation:mp-p3 9s ease-out infinite}
.mp-pin:nth-of-type(4){animation:mp-p4 9s ease-out infinite}
.mp-pin:nth-of-type(5){animation:mp-p5 9s ease-out infinite}
@keyframes mp-p1{0%,18%{opacity:0;transform:translateY(-30px)}24%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-p2{0%,24%{opacity:0;transform:translateY(-30px)}30%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-p3{0%,30%{opacity:0;transform:translateY(-30px)}36%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-p4{0%,36%{opacity:0;transform:translateY(-30px)}42%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-p5{0%,42%{opacity:0;transform:translateY(-30px)}48%,94%{opacity:1;transform:none}100%{opacity:0}}
.mp-busca{left:44px;top:28px;width:360px;height:56px;display:flex;align-items:center;gap:12px;padding:0 18px;font-size:16px;font-weight:600}
.mp-busca svg{width:20px;height:20px;flex:none;fill:none;stroke:#3E9A47;stroke-width:2.4;stroke-linecap:round}
.mp-busca span{display:block;white-space:nowrap;overflow:hidden;clip-path:inset(0 100% 0 0);animation:mp-t 9s linear infinite}
@keyframes mp-t{0%,3%{clip-path:inset(0 100% 0 0)}16%,100%{clip-path:inset(0 0 0 0)}}
.mp-lista{position:absolute;right:28px;top:104px;width:270px;display:grid;gap:12px}
.mp-it{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:16px;background:#fff;box-shadow:0 18px 36px -20px rgba(10,50,25,.5),inset 0 0 0 1px rgba(10,50,25,.08);opacity:0}
.mp-it>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;font-style:normal;font-weight:700;font-size:13px}
.mp-it b{display:block;font-size:14px;white-space:nowrap}
.mp-it small{font-size:11.5px;color:#6A7A70}
.mp-it em{font-style:normal;padding:5px 10px;border-radius:9px;background:#EEF4EF;font-size:11.5px;font-weight:700;color:#3A4A40;position:relative}
.mp-it:nth-child(1){animation:mp-i1 9s ease-out infinite}
.mp-it:nth-child(2){animation:mp-i2 9s ease-out infinite}
.mp-it:nth-child(3){animation:mp-i3 9s ease-out infinite}
@keyframes mp-i1{0%,46%{opacity:0;transform:translateX(24px)}52%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-i2{0%,52%{opacity:0;transform:translateX(24px)}58%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mp-i3{0%,58%{opacity:0;transform:translateX(24px)}64%,94%{opacity:1;transform:none}100%{opacity:0}}
.mp-imp{left:30px;bottom:34px;display:flex;align-items:center;gap:14px;padding:14px 20px;animation:mp-imp 9s ease-out infinite}
.mp-imp b{font-size:26px;letter-spacing:-.03em}
.mp-imp span{font-size:13px;color:#5A6A60}
@keyframes mp-imp{0%,64%{opacity:0;transform:translateY(14px)}72%,94%{opacity:1;transform:none}100%{opacity:0}}

/* ---------- landing page e posts, 10 s ---------- */
.ms-site{left:44px;top:40px;width:330px;height:300px;overflow:hidden}
.ms-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#F1F4F1}
.ms-bar i{width:8px;height:8px;border-radius:50%;background:#C9D3CB}
.ms-bar span{margin-left:8px;padding:2px 10px;border-radius:7px;background:#fff;font-size:10.5px;color:#5A6A60}
.ms-b1,.ms-b2,.ms-b3{margin:10px 14px 0;border-radius:12px;opacity:0}
.ms-b1{height:96px;padding:14px;background:linear-gradient(160deg,#EAF4EF,#D8EEE0);animation:ms-1 10s ease-out infinite}
.ms-b1 b{display:block;font-size:19px;line-height:1.1;letter-spacing:-.03em;max-width:9em}
.ms-b1 u{display:inline-block;margin-top:8px;padding:6px 12px;border-radius:999px;background:#25D366;text-decoration:none;font-size:11px;font-weight:700;color:#06240D}
.ms-b2{height:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;animation:ms-2 10s ease-out infinite}
.ms-b2 i{border-radius:10px;background:#EEF3EF}
.ms-b3{height:44px;background:#F6F8F6;box-shadow:inset 0 0 0 1px #E4E8E4;animation:ms-3 10s ease-out infinite}
@keyframes ms-1{0%,6%{opacity:0;transform:translateY(12px)}14%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ms-2{0%,16%{opacity:0;transform:translateY(12px)}24%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ms-3{0%,26%{opacity:0;transform:translateY(12px)}34%,92%{opacity:1;transform:none}100%{opacity:0}}
.ms-cal{right:40px;top:146px;width:296px;height:284px;padding:16px}
.ms-cal h6{margin:0 0 12px;font-size:14px;font-weight:700}
.ms-g{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:60px;gap:8px}
.ms-g>i{border-radius:10px;background:#F3F6F4}
.ms-p{position:absolute;display:grid;place-items:center;width:58px;height:50px;border-radius:10px;color:#fff;font-size:11px;font-weight:700;opacity:0}
.ms-p.p1{left:16px;top:56px;background:#E1306C;animation:ms-p1 10s ease-out infinite}
.ms-p.p2{left:92px;top:124px;background:#0A66C2;animation:ms-p2 10s ease-out infinite}
.ms-p.p3{left:168px;top:56px;background:#FF0033;animation:ms-p3 10s ease-out infinite}
.ms-p.p4{left:240px;top:186px;background:#111;animation:ms-p4 10s ease-out infinite}
@keyframes ms-p1{0%,44%{opacity:0;transform:translateY(-16px)}52%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ms-p2{0%,52%{opacity:0;transform:translateY(-16px)}60%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ms-p3{0%,60%{opacity:0;transform:translateY(-16px)}68%,92%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ms-p4{0%,68%{opacity:0;transform:translateY(-16px)}76%,92%{opacity:1;transform:none}100%{opacity:0}}
.ms-ok{position:absolute;left:36px;bottom:30px;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:#0F1411;color:#E8FFE6;font-size:14px;font-weight:600;box-shadow:0 18px 36px -14px rgba(0,0,0,.55);opacity:0;animation:ms-ok 10s ease-out infinite}
.ms-ok svg{width:16px;height:16px;fill:none;stroke:#53FF5D;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@keyframes ms-ok{0%,80%{opacity:0;transform:translateY(12px)}86%,95%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.cl-mot *{animation:none!important}.mc-rep,.mp-pin,.mp-it,.ms-p,.ms-b1,.ms-b2,.ms-b3,.ms-ok,.mp-imp{opacity:1!important}.mc-bar i{transform:none}.mp-busca span{clip-path:none}}