/* Página de pagamento do Pro R$ 147 (/pro). Usa o casco e os componentes do /criar (criar.css); aqui só o que é próprio dela. */
.pro .cm-oferta{margin-top:20px}
.pro-como{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:passo}
.pro-como li{counter-increment:passo;display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;color:var(--cd-text);line-height:1.4}
.pro-como li::before{content:counter(passo);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--cd-surface-tint);color:var(--cd-navy);font-weight:800}
.pro-como strong{display:block;color:var(--cd-navy)}
.pro-como span{font-size:.9375rem;color:var(--cd-muted)}
.pro-titulo{margin:24px 0 0;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cd-muted)}
.pro-pago{display:grid;justify-items:center;gap:10px;margin-top:8px;text-align:center}
.pro-pago-icone{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#E3F3EA}
.pro-pago-icone svg{width:38px;height:38px;fill:none;stroke:var(--cd-success);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pro-atendimento{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-weight:700;color:var(--cd-navy)}
.pro-atendimento svg{width:20px;height:20px}
/* Oferta vinda do site: pagar ou ver a demonstração pelo WhatsApp */
.cm-acoes.pro-duas{flex-direction:column;align-items:stretch;gap:8px}
.cm-acoes.pro-duas .cd-button{box-sizing:border-box;width:100%;max-width:100%}
.pro-demonstracao{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;text-align:center;line-height:1.25;white-space:normal}
.pro-demonstracao svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}