/* v2 — recuperação de checkout. Complementa styles.css com os blocos vindos da LP de Educação. */
:root{--ease:cubic-bezier(.22,1,.36,1);--card:linear-gradient(145deg,#1a1224,#0f0b16);--card-line:#d9c0fa14}
body{font-family:Poppins,system-ui,sans-serif}
.btn.small .days{font-size:8px;font-weight:600;letter-spacing:1px;padding:3px 7px;border-radius:999px;background:#ffffff26;margin-left:-14px}

/* Logos */
.logos-band{padding:28px 0 8px;border-block:1px solid var(--line);text-align:center}
.logos-band>p{margin:0 0 16px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#8f829e}
.customer-logos{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);padding-bottom:20px}
.logo-track{display:flex;width:max-content;animation:logoMarquee 44s linear infinite}
.logo-group{display:flex;flex:none;align-items:center}
.logo-slot{width:184px;height:49px;flex:none;display:flex;align-items:center;justify-content:center;padding:0 28px;border-right:1px solid #ffffff0a}
.logo-slot img{width:128px;height:36px;object-fit:contain;opacity:.7;filter:grayscale(1)}
.customer-logos:hover .logo-track,body.paused .logo-track{animation-play-state:paused}
@keyframes logoMarquee{to{transform:translate3d(-50%,0,0)}}

/* Bento de perdas */
.loss-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}
.loss-card{position:relative;overflow:hidden;border:1px solid var(--card-line);border-radius:18px;background:var(--card);padding:24px 24px 26px;transition:border-color .4s,transform .4s var(--ease)}
.loss-card:hover{border-color:#bc8ced44;transform:translateY(-3px)}
.loss-card.loss-wide:first-child{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end}
.loss-card.loss-wide:last-child{grid-column:span 2}
.loss-card h3{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:10px 0 6px}
.loss-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.loss-art{height:130px;position:relative;margin-bottom:18px;display:flex;align-items:center;justify-content:center}
.cart-art{height:auto;flex:1;flex-direction:column;gap:18px;min-height:240px}
.cart-art svg{width:min(100%,260px)}
.cart-body{fill:none;stroke:#b588e1;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cart-wheel{fill:#1b1423;stroke:#b588e1;stroke-width:3}
.cart-items rect{fill:#8a45ff55;stroke:#c7a4f4;stroke-width:1.5;animation:cartDrop 5s var(--ease) infinite}
.cart-items rect:nth-child(2){animation-delay:.25s}.cart-items rect:nth-child(3){animation-delay:.5s}
@keyframes cartDrop{0%{transform:translateY(-40px);opacity:0}15%,55%{transform:none;opacity:1}75%,100%{transform:translate(70px,-30px);opacity:0}}
.loss-counter{display:flex;flex-direction:column;align-items:center;gap:2px}
.loss-counter small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8f829e}
.loss-counter b{font-size:46px;font-weight:600;letter-spacing:-1.5px;color:#f1e6ff}
.pix-art svg{width:120px;height:120px;transform:rotate(-90deg)}
.pix-track{fill:none;stroke:#ffffff10;stroke-width:5}
.pix-ring{fill:none;stroke:#32bcad;stroke-width:5;stroke-linecap:round;stroke-dasharray:289;animation:pixTimer 6s linear infinite}
.pix-qr rect{fill:#c7d6d4;transform:rotate(90deg);transform-origin:60px 60px;animation:pixFade 6s linear infinite}
.pix-label{position:absolute;bottom:0;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ff8f7a;padding:3px 9px;border-radius:999px;background:#ff6b5214;border:1px solid #ff6b5233;animation:pixLabel 6s linear infinite}
@keyframes pixTimer{0%{stroke-dashoffset:0;stroke:#32bcad}70%{stroke:#e6b84a}85%,100%{stroke-dashoffset:289;stroke:#ff6b52}}
@keyframes pixFade{0%,80%{opacity:1}90%,100%{opacity:.15}}
@keyframes pixLabel{0%,82%{opacity:0;transform:translateY(5px)}88%,100%{opacity:1;transform:none}}
.boleto-art{gap:18px}
.cal{width:72px;border-radius:12px;border:1px solid #ffffff1a;background:#1b1423;text-align:center;overflow:hidden}
.cal span{display:block;font-size:9px;font-weight:600;letter-spacing:1.5px;padding:5px 0;background:#e6b84a22;color:#e6b84a;animation:calRed 6s steps(1) infinite}
.cal b{display:block;font-size:30px;font-weight:600;padding:8px 0 10px}
.cal-day:after{content:"12";animation:calDay 6s steps(1) infinite}
.cal-day{font-size:0!important}.cal-day:after{font-size:30px}
@keyframes calDay{0%{content:"10"}33%{content:"11"}66%{content:"12"}}
@keyframes calRed{0%,65%{background:#e6b84a22;color:#e6b84a}66%,100%{background:#ff6b5222;color:#ff8f7a}}
.barcode{display:flex;gap:3px;height:58px;align-items:stretch}
.barcode i{width:3px;background:#c9bcd8;border-radius:1px;animation:barFade 6s infinite}
.barcode i:nth-child(3n){width:6px}.barcode i:nth-child(4n){width:2px}
@keyframes barFade{0%,60%{opacity:.9}75%,100%{opacity:.2}}
.mail-art{flex-direction:column;align-items:stretch;gap:10px;max-width:440px;margin-inline:auto;height:auto;padding:4px 0}
.mail-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;border:1px solid #ffffff0f;background:#1b1423aa;animation:mailIn 6s var(--ease) infinite}
.mail-row:nth-child(2){animation-delay:.3s}
.mail-ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#ffffff0d;color:#8f829e}
.mail-ico .ic{width:15px;height:15px}
.mail-ico.wa{background:#25d36622}
.mail-line{flex:1;height:5px;border-radius:3px;background:#ffffff14}
.mail-row em{font-style:normal;font-size:11px;color:#8f829e}
.wa-row{border-color:#25d36644;background:#0f2a1caa;animation:waIn 6s var(--ease) infinite}
.wa-row em{color:#6ee7a0;font-weight:500}
@keyframes mailIn{0%{opacity:0;transform:translateY(8px)}10%,100%{opacity:.75;transform:none}}
@keyframes waIn{0%,35%{opacity:0;transform:translateY(8px) scale(.97)}48%,100%{opacity:1;transform:none}}
.loss-cta{display:flex;justify-content:center;margin-top:34px}

/* Bento Clint (da LP de Educação) */
#clint .operation-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.operation-card{background:var(--card);border:1px solid var(--card-line);border-radius:18px;padding:22px 22px 24px;overflow:hidden;transition:border-color .4s,transform .4s var(--ease)}
.operation-card:hover{border-color:#bc8ced44;transform:translateY(-3px)}
.operation-card h3{font-size:16px;font-weight:500;margin:18px 0 6px;letter-spacing:-.2px}
.operation-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.mini-illustration{height:90px;position:relative}
.channel{position:absolute;z-index:1;display:grid;place-items:center;border:1px solid #cfb0ee1f;border-radius:10px;background:#191121;width:38px;height:38px}
.channel.whatsapp{left:0;top:0}.channel.instagram{left:0;bottom:0}.channel.aura{right:0;top:22px;width:46px;height:46px}
.connection{position:absolute;width:calc(100% - 46px);left:22px;top:12px;height:66px;fill:none;stroke:#a278c83a;stroke-width:1.2}
.connection circle{fill:#b588e1;stroke:none}
.pipeline{display:flex;gap:7px}
.pipeline-column{flex:1;border:1px solid #d5b1ff16;border-radius:7px;padding:8px 6px;font-size:8px;height:86px;background:#1b1423aa}
.pipeline-column>span{color:#917d9f;margin-left:4px}
.pipeline-column>i{width:4px;height:4px;display:inline-block;background:#9a78bc;border-radius:50%}
.pipeline-column>b{margin-top:8px;display:flex;height:18px;background:#bba0d413;border:1px solid #d3b5ef0a;border-radius:4px;align-items:center;justify-content:flex-end;padding-right:4px}
.pipeline-column:last-child>i{background:#92b09b}
.pipeline-column .ic{width:11px;height:11px}
.moving-lead{color:#c7a4f4;animation:leadMove 7s infinite var(--ease)}
.pipeline-column .won{color:#a4d2b4;background:#59826617}
@keyframes leadMove{0%,10%{transform:translateX(-26px);opacity:0}30%,65%{transform:none;opacity:1}85%,100%{transform:translateX(30px);opacity:0}}
.team-art{display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:18px}
.team-art>img{width:42px;height:42px;border-radius:50%;border:1px solid #e5c2ff22;object-fit:cover}
.team-line{width:20px;height:1px;background:linear-gradient(90deg,#8d5fb333,#bb92db99);position:relative;overflow:hidden}
.team-line:after{content:"";position:absolute;inset:0;background:#e0bbff;animation:signal 3s infinite}
.team-plus{color:#9370b0}
.team-status{position:absolute;bottom:0;display:flex;align-items:center;gap:6px;font-size:10px;color:#8e7b9d}
.team-status i{width:5px;height:5px;background:#8cb99f;border-radius:50%}
@keyframes signal{from{transform:translateX(-150%)}to{transform:translateX(150%)}}
.aura-query{padding:6px 0}
.aura-query>div{display:flex;align-items:center;gap:7px;color:#b3a0c4;font-size:10px}
.query-line{height:4px;display:block;width:72%;background:#c4a7e121;border-radius:2px;margin:12px 0 0 26px;animation:queryFade 6s infinite}
.query-line.short{width:46%;margin-top:6px;animation-delay:.3s}
.aura-query>svg{position:absolute;bottom:0;right:-10px;width:120px;height:32px;fill:none;stroke:#ad80d0;opacity:.6;mask-image:linear-gradient(90deg,transparent,#000)}
.aura-chart{stroke-dasharray:200;animation:chartDraw 8s var(--ease) infinite}
@keyframes queryFade{0%,100%{opacity:.25}40%,80%{opacity:1}}
@keyframes chartDraw{0%,10%{stroke-dashoffset:240;opacity:0}40%,90%{stroke-dashoffset:0;opacity:1}100%{opacity:0}}

/* Simulador (bloco principal) */
#simulador{padding-top:60px}
.live-agent{position:relative;overflow:hidden;border-radius:40px;border:1px solid #25d36638;background:radial-gradient(60% 80% at 18% 50%,#25d36629,#25d36600 70%),linear-gradient(160deg,#0d1a14,#0a0d10 55%,#08060d);box-shadow:inset 0 1px 0 #ffffff14;padding:56px 60px;display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.live-agent:before,.live-agent:after{content:"";position:absolute;border-radius:50%;border:1px solid #25d3661a;right:-120px;top:-120px;width:360px;height:360px}
.live-agent:after{right:-60px;top:-60px;width:240px;height:240px}
.live-phone-wrap{flex:0 1 340px;max-width:340px;width:100%;margin:auto}
.live-device{padding:12px;border-radius:44px;background:#16151d;border:1px solid #ffffff1a;box-shadow:inset 0 1px 0 #ffffff14,0 40px 90px #0009}
.live-device-screen{border-radius:34px;overflow:hidden;background:#0b141a;display:flex;flex-direction:column;height:480px}
.live-chat-header{display:flex;align-items:center;gap:12px;padding:18px 18px 14px;background:#202c33}
.live-chat-header img{width:40px;height:40px;border-radius:50%}
.live-chat-header>span{display:flex;flex-direction:column}
.live-chat-header b{font-size:14.5px;font-weight:600;color:#e9edef}
.live-chat-header small{font-size:11.5px;color:#8696a0}
.live-chat-messages{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:16px 14px 18px;background:radial-gradient(circle at 20% 10%,#ffffff06 0 2px,transparent 3px) 0 0/22px 22px,#0b141a}
.live-msg{max-width:84%;display:flex;flex-direction:column;gap:3px;padding:9px 12px 6px;font-size:13.5px;line-height:1.45;color:#e9edef;animation:liveSeq 12s var(--ease) infinite both}
.live-msg small{align-self:flex-end;font-size:10px;color:#e9edef99}
.live-msg.me{align-self:flex-end;border-radius:12px 12px 3px;background:#005c4b}
.live-msg.them{align-self:flex-start;border-radius:3px 12px 12px;background:#202c33}
.live-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:12px;background:#202c33;animation:liveTyping 12s infinite both}
.live-typing i{width:6px;height:6px;border-radius:50%;background:#8696a0}
.live-msg.m1{animation-name:liveM1}.t1{animation-name:liveT1}.live-msg.m2{animation-name:liveM2}.live-msg.m3{animation-name:liveM3}.t2{animation-name:liveT2}.live-msg.m4{animation-name:liveM4}
@keyframes liveM1{0%,3%{opacity:0;transform:translateY(10px)}8%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes liveT1{0%,9%{opacity:0;display:flex}10%,20%{opacity:1;display:flex}21%,100%{opacity:0;display:none}}
@keyframes liveM2{0%,20%{opacity:0;display:none}21%{opacity:0;display:flex;transform:translateY(10px)}26%,94%{opacity:1;transform:none;display:flex}100%{opacity:0;display:flex}}
@keyframes liveM3{0%,38%{opacity:0;display:none}39%{opacity:0;display:flex;transform:translateY(10px)}44%,94%{opacity:1;transform:none;display:flex}100%{opacity:0;display:flex}}
@keyframes liveT2{0%,46%{opacity:0;display:none}47%,58%{opacity:1;display:flex}59%,100%{opacity:0;display:none}}
@keyframes liveM4{0%,58%{opacity:0;display:none}59%{opacity:0;display:flex;transform:translateY(10px)}64%,94%{opacity:1;transform:none;display:flex}100%{opacity:0;display:flex}}
.live-copy{position:relative;flex:1 1 440px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.live-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#25d3661f;border:1px solid #25d3664d;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:#6ee7a0}
.live-badge i{width:6px;height:6px;border-radius:50%;background:#25d366;box-shadow:0 0 8px #25d366;animation:livePulse 1.6s infinite}
@keyframes livePulse{0%,100%{opacity:.45}50%{opacity:1}}
#simulador .live-copy h2{margin:22px 0 0;font-size:38px;line-height:1.18;font-weight:400;letter-spacing:-.5px;text-align:left}
.live-copy h2 span{font-weight:600;color:#6ee7a0}
.live-description{margin:16px 0 0;max-width:560px;font-size:17px;line-height:1.7;color:#b4b4c4}
.live-steps{margin-top:32px;width:100%;display:flex;flex-wrap:wrap;gap:12px}
.live-step{flex:1 1 170px;display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px;border-radius:18px;background:#06030973;border:1px solid #ffffff12}
.live-step span{font-size:12px;font-weight:600;letter-spacing:2px;color:#25d366}
.live-step b{font-size:15px;font-weight:600}
.live-step small{font-size:13px;line-height:1.55;color:#a6a6ba}
.live-action{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.live-link{display:inline-flex;align-items:center;gap:12px;padding:16px 30px;border-radius:999px;background:#25d366;box-shadow:0 12px 36px #25d36652;font-size:16px;font-weight:600;color:#0b2b17;text-decoration:none;transition:transform .25s}
.live-link:hover{transform:translateY(-2px)}
.live-action>span{font-size:12px;color:#8a8a9c}

/* Vídeo */
.video-facade{position:relative;display:block;width:100%;max-width:960px;margin:auto;padding:0;border:1px solid var(--card-line);border-radius:24px;overflow:hidden;aspect-ratio:16/9;background:#100d17;cursor:pointer}
.video-facade img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .4s,transform .6s var(--ease)}
.video-facade:hover img{opacity:1;transform:scale(1.02)}
.video-facade .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#aa7bed,#6822c9);box-shadow:0 0 0 10px #aa70ff22,0 20px 50px #0008}
.video-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.closing .lead{margin:-10px 0 28px}
.closing .actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}

/* Mobile */
.mobile-cta{display:none}
@media(max-width:1000px){
 .loss-grid{grid-template-columns:1fr 1fr}
 .loss-card.loss-wide:first-child{grid-row:auto;grid-column:span 2}
 .cart-art{min-height:180px}
 #clint .operation-cards{grid-template-columns:1fr 1fr}
 .live-agent{padding:40px 30px;gap:36px}
}
@media(max-width:650px){
 .loss-grid,#clint .operation-cards{grid-template-columns:1fr}
 .loss-card.loss-wide:first-child,.loss-card.loss-wide:last-child{grid-column:auto}
 .loss-card h3{font-size:16px}
 .hero h1 .gradient br{display:none}
 .live-agent{border-radius:26px;padding:28px 18px}
 #simulador .live-copy h2{font-size:28px}
 .live-description{font-size:14px}
 .live-device-screen{height:420px}
 .live-link{width:100%;justify-content:center}
 .logo-slot{width:145px;padding:0 21px}.logo-slot img{width:103px}
 .mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;transition:transform .3s var(--ease)}
 .mobile-cta .btn{width:100%}
 .mobile-cta.hide{transform:translateY(140%)}
 footer{padding-bottom:90px}
}
@media(prefers-reduced-motion:reduce){
 .logo-track,.cart-items rect,.pix-ring,.pix-qr rect,.pix-label,.barcode i,.mail-row,.moving-lead,.team-line:after,.query-line,.aura-chart,.live-msg,.live-typing{animation:none!important;opacity:1}
 .live-typing{display:none}
}
body.paused *{animation-play-state:paused!important}

/* Fechamento centralizado: texto + imagem como um bloco único no meio da página */
@media(min-width:901px){
 .closing.wrap{grid-template-columns:minmax(0,560px) auto;justify-content:center;gap:72px}
 .closing-image img{width:auto;max-width:100%;margin-inline:auto}
}