#como-funciona>.section-inner{container-type:inline-size}
.cvp{display:grid;grid-template-columns:5fr 6fr;gap:56px;align-items:center}
.cvp .sec-sub{margin-bottom:0}
.cvp-ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:block}
.cvp-swap{transition:opacity .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}
.cvp-swap.out{opacity:0;transform:translateY(4px)}
.cvp-dot{width:7px;height:7px;border-radius:50%;background:var(--sage);position:relative;display:inline-block;flex:none}
.cvp-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--sage);animation:cvpPing 1.8s cubic-bezier(.22,1,.36,1) infinite}
@keyframes cvpPing{from{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}
.cvp-steps{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid rgba(15,30,46,.10)}
.cvp-step{border-bottom:1px solid rgba(15,30,46,.10)}
.cvp-step>button{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:center;width:100%;text-align:left;padding:16px 0;position:relative;background:none;border:0;cursor:pointer;font:inherit;color:inherit}
.cvp-step>button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.cvp-n{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--border);display:grid;place-items:center;font-family:'Source Serif 4',serif;font-weight:600;font-size:.95rem;color:var(--light);transition:background .25s,border-color .25s,color .25s,transform .3s cubic-bezier(.22,1,.36,1)}
.cvp-n .n{display:grid;place-items:center}
.cvp-n .n.pop{animation:cvpPop .42s cubic-bezier(.34,1.56,.64,1)}
@keyframes cvpPop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
.cvp-n .cvp-ico{width:16px;height:16px;stroke-width:2.2}
.cvp-step.is-done .cvp-n{background:var(--navy);border-color:var(--navy);color:#fff}
.cvp-step.is-cur .cvp-n{border-color:transparent;color:var(--gold-ink,#8A6B1E);background:radial-gradient(circle,#fff 62%,transparent 64%),conic-gradient(var(--gold) calc(var(--t,0)*1turn),#EDE8DC 0);transform:scale(1.08)}
.cvp-t{font-family:'Source Serif 4',serif;font-weight:600;font-size:1.1rem;color:var(--navy);transition:transform .3s cubic-bezier(.22,1,.36,1),color .3s}
.cvp-step.is-cur .cvp-t{transform:translateX(4px)}
.cvp-step.is-done .cvp-t{color:var(--muted)}
.cvp-chip{font-size:.75rem;color:var(--light)}
.cvp-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1)}
.cvp-step.is-cur .cvp-body{grid-template-rows:1fr}
.cvp-body>div{overflow:hidden}
.cvp-body p{color:var(--muted);font-size:.92rem;line-height:1.6;margin:0;padding:0 0 16px 48px}
.cvp-step.is-cur .cvp-body p{animation:cvpRise .35s cubic-bezier(.22,1,.36,1) both}
@keyframes cvpRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cvp-timer{position:absolute;left:0;bottom:-1px;height:3px;border-radius:0 2px 2px 0;width:calc(var(--t,0)*100%);background:var(--gold);opacity:0}
.cvp-step.is-cur .cvp-timer{opacity:1}
.cvp-play{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:inherit;font-size:.8rem;font-weight:500;color:var(--light);padding:6px 10px;border-radius:999px;background:none;border:0;cursor:pointer}
.cvp-play:hover{background:rgba(15,30,46,.05)}
.cvp-play:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.cvp-play svg{width:14px;height:14px}
.cvp-ph{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cvp-ph-ic{width:32px;height:32px;border-radius:9px;background:var(--navy);color:var(--gold2);display:grid;place-items:center}
.cvp-ph-ic .cvp-ico{width:17px;height:17px}
.cvp-ph b{font-family:'Source Serif 4',serif;font-size:1.15rem;font-weight:600;color:var(--navy)}
.cvp-rt{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;color:#2F5C3C;background:#EAF2EC;border-radius:999px;padding:5px 11px 5px 10px;white-space:nowrap}
.cvp-app{background:#F7F6F1;border:1px solid var(--border);border-radius:18px;box-shadow:0 30px 60px -20px rgba(15,30,46,.25);overflow:hidden;position:relative}
.cvp-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid rgba(15,30,46,.10);font-size:.78rem;color:var(--light)}
.cvp-bar i{width:9px;height:9px;border-radius:50%;background:#E3DED3}
.cvp-bar span{margin-left:8px}
.cvp-in{padding:22px 24px 24px}
.cvp-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.cvp-head small{display:block;font-size:.72rem;color:var(--light);letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.cvp-head b{display:block;font-family:'Source Serif 4',serif;font-size:1.15rem;font-weight:600;color:var(--navy);margin-top:3px}
.cvp-badge{font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--gold3);color:var(--gold-ink,#8A6B1E);border:1px solid rgba(201,168,76,.4);white-space:nowrap;transition:background .25s,color .25s,border-color .25s}
.cvp-app[data-idx="2"] .cvp-badge{background:#EAF2EC;color:#2F5C3C;border-color:rgba(74,124,89,.35)}
.cvp-badge.flash{animation:cvpBadge .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes cvpBadge{0%{transform:scale(.85)}100%{transform:scale(1)}}
.cvp-upd{display:flex;align-items:center;gap:8px;margin:-6px 0 14px;font-size:.75rem;color:var(--light)}
.cvp-upd .cvp-dot{width:6px;height:6px}
.cvp-prog{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:20px}
.cvp-prog i{height:6px;border-radius:99px;background:#E6E1D6;position:relative;overflow:hidden}
.cvp-prog i::after{content:"";position:absolute;inset:0;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.cvp-prog i.is-done::after{transform:scaleX(1)}
.cvp-prog i.is-cur::after{background:var(--gold);transform:scaleX(calc(.15 + var(--t,0)*.85));transition:none}
.cvp-app[data-idx="2"] .cvp-prog i.is-cur::after{transform:scaleX(1);background:var(--sage);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.cvp-log{list-style:none;margin:0;padding:0;background:#fff;border:1px solid rgba(15,30,46,.10);border-radius:12px}
.cvp-log li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:12px 14px;border-bottom:1px solid rgba(15,30,46,.10);transition:opacity .25s,filter .25s}
.cvp-log li:last-child{border-bottom:0}
.cvp-log li:not(.is-done):not(.is-cur){opacity:.35;filter:grayscale(1)}
.cvp-log .ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#F7F6F1;color:var(--navy)}
.cvp-log .ic .cvp-ico{width:16px;height:16px}
.cvp-log li.is-cur .ic{background:var(--navy);color:var(--gold2)}
.cvp-log li.flash{animation:cvpFlash .9s ease-out}
@keyframes cvpFlash{0%{background:var(--gold3);transform:translateX(-6px)}35%{transform:none}100%{background:transparent}}
.cvp-log b{font-size:.88rem;font-weight:600;color:var(--navy);display:block}
.cvp-log div>span{font-size:.8rem;color:var(--muted);line-height:1.45;display:block;margin-top:2px}
.cvp-toast{position:absolute;right:12px;top:6px;background:var(--navy);color:#fff;border-radius:12px;padding:7px 12px;display:flex;gap:10px;align-items:center;font-size:.8rem;box-shadow:0 12px 30px rgba(15,30,46,.3);max-width:300px;transform:translateY(-6px);opacity:0;transition:all .3s cubic-bezier(.22,1,.36,1);pointer-events:none}
.cvp-toast.show{transform:none;opacity:1}
.cvp-toast .cvp-ico{width:16px;height:16px;color:var(--gold2);flex:none}
.cvp-feat{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cvp-feat li{display:flex;gap:10px;align-items:flex-start;font-size:.78rem;color:var(--muted);line-height:1.4;padding:12px;border:1px solid rgba(15,30,46,.10);border-radius:12px;background:#fff}
.cvp-feat .cvp-ico{width:18px;height:18px;color:var(--gold-ink,#8A6B1E);flex:none;margin-top:1px}
.cvp-feat b{display:block;color:var(--navy);font-size:.82rem;margin-bottom:2px}
.cvp-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}
.cvp-acts{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cvp-btn{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;border:0;cursor:pointer;font:inherit;font-size:.88rem;font-weight:600;padding:11px 18px;border-radius:10px;transition:background .2s,transform .2s cubic-bezier(.22,1,.36,1)}
.cvp-btn:hover{background:var(--navy2);transform:translateY(-1px)}
.cvp-login{background:none;border:0;cursor:pointer;font:inherit;font-size:.85rem;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border2)}
.cvp-login:hover{text-decoration-color:var(--navy)}
.cvp-btn:focus-visible,.cvp-login:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.cvp-note{font-size:.72rem;color:var(--light)}
@container (max-width:760px){
  .cvp{grid-template-columns:1fr;gap:28px}
  .cvp-chip{display:none}
  .cvp-steps{margin-top:18px}
  .cvp-in{padding:18px}
  .cvp-toast{display:none}
  .cvp-feat{grid-template-columns:1fr;gap:8px}
  .cvp-feat li{padding:0;border:0;background:none}
}
@media (prefers-reduced-motion:reduce){.cvp *{animation:none!important;transition-duration:.01ms!important}}