/* ============================================================
   Formulários de compra (/comprar e /certificados-em-lote).
   Complementa o site.css; usado só por essas duas páginas.
   ============================================================ */

.co-section{scroll-margin-top:calc(var(--header-h,72px) + 8px)}
/* O placeholder do site.css (#8496a9) fica em 3:1 no branco; aqui sobe para AA (4,9:1). */
.co-section .inp::placeholder{color:var(--ink-3);opacity:1}

/* Topo compacto: o formulário aparece cedo na tela */
.co-hero .wrap{padding-top:44px;padding-bottom:44px}
.co-hero h1{max-width:760px}
.co-hero .lead{margin-top:12px;font-size:17px}
.co-hero .steps-bar{margin-top:22px}

/* Cabeçalho dos blocos: a ajuda fica logo abaixo do título */
.co-main .fs-head{flex-wrap:wrap;row-gap:4px;margin-bottom:22px}
.co-main .fs-head p{margin-left:42px;width:100%}
.co-main .fs{margin-bottom:52px}
.co-main .sim-groups{gap:30px}

.co-switch{margin-top:14px;font-size:15px;color:var(--ink-2)}
.link-btn{padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--blue-cta);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s ease}
.link-btn:hover{color:var(--blue-h)}
.co-loading{padding:18px 20px;border-radius:var(--r-sm);background:var(--surface);font-size:15px;color:var(--ink-2)}

/* Grupos sem polegar deslizante (mídia avulsa, comprador e pagamento): o marcado ganha o anel */
.seg.no-thumb .seg-opt[aria-checked="true"]{background:var(--blue-t);box-shadow:inset 0 0 0 1.5px var(--blue)}
.pay-opt{min-height:108px;gap:2px;justify-content:flex-start}
.pay-opt .ph{font-size:26px;color:var(--blue-h);margin-bottom:8px;transition:transform .2s var(--ease-out)}
.pay-opt[aria-checked="true"] .ph{transform:scale(1.06)}

/* Campos */
.co-main .grid-f{gap:18px 14px}
.co-pj-gap{visibility:hidden}
.f .f-err{margin-top:-1px}
#f-nascimento{min-height:50px}
.co-docs{margin-top:24px;align-items:flex-start}
.co-docs .ph,.co-alert .ph{font-size:22px;flex-shrink:0;margin-top:1px}
.co-docs .ph{color:var(--blue-h)}
.co-aceite{margin-top:24px;display:flex;flex-direction:column;gap:8px}
.chk a{font-weight:600}
#err-forma{margin-top:10px}

/* Coluna do resumo (cartão claro) */
.co-side .rc-line dd{max-width:62%;text-wrap:balance}
.co-side .sim-price{font-size:52px}
.co-act{display:flex;flex-direction:column;gap:12px}
.co-act .co-wa{width:100%;gap:10px;transition:box-shadow .2s ease,color .2s ease,transform .16s var(--ease-out)}
.co-act .co-wa:active{transform:scale(.97)}
.co-alert{align-items:flex-start}
.co-alert p{font-size:14.5px;line-height:1.55}
.co-alert-wa{display:inline-flex;align-items:center;gap:6px;margin-top:10px;min-height:38px;padding:0 14px;border-radius:var(--r-sm);background:#7a1a12;color:#fff;font-size:14px;font-weight:600}
.co-alert-wa:hover{background:#5c130d;color:#fff}
.co-alert.is-info{background:var(--warn-t);color:#5c4300}
.co-alert.is-info p{color:#5c4300}
.co-alert.is-info .co-alert-wa{background:var(--ink)}
.co-small .ph{vertical-align:-2px}

/* Sucesso */
.done-card:focus{outline:none}
.done-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.done-test{font-size:13px;font-weight:600;color:var(--ink-3)}
.done-card h2{font-variant-numeric:tabular-nums}
.done-card h3{margin-top:6px;font-size:18px;letter-spacing:-.015em}
.done-card .f label{font-size:14px;font-weight:600;color:var(--ink-2)}
.copy-btn{min-width:92px;color:var(--ink);transition:box-shadow .2s ease,transform .16s var(--ease-out)}
.copy-btn:active{transform:scale(.97)}
.done-split{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:20px;border-top:1px solid var(--line)}

@media (max-width:1024px){ .co-side .rc-line dd{max-width:70%} }
@media (max-width:900px){
  .co-hero .wrap{padding-top:32px;padding-bottom:32px}
  .co-hero .steps-bar{gap:6px}
  .co-hero .steps-bar li{min-height:34px;padding:0 11px 0 5px;font-size:13px}
  .co-hero .steps-bar li b{width:24px;height:24px}
  .co-main .fs{margin-bottom:44px}
  .co-pj-gap{display:none !important}
  .pay-opt{min-height:96px}
  .co-side .sim-price{font-size:46px}
}
@media (max-width:560px){ .co-hero .steps-bar li{font-size:12.5px} }

/* Contraste no limite do AA vindo do site.css (pedido de ajuste enviado): reforçado aqui. */
.done-badge{color:#116030}
.final .final-lead{color:#fff}