/* /prompts/assinar — checkout da assinatura pré-paga (21/09/2026).
   Fora do HTML porque o HTML é no-store (ver `assets-externalizados`). */
.etapas{list-style:none;display:flex;gap:8px;justify-content:center;margin:28px auto 0;max-width:620px}
.etapas li{flex:1;display:flex;align-items:center;gap:9px;font-size:13px;color:var(--txt3);font-weight:700;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--linha);min-width:0}
.etapas li i{flex:none;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:12px;background:rgba(255,255,255,.07)}
.etapas li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.etapas li.on{color:var(--txt);border-color:rgba(192,132,252,.45);background:rgba(153,37,211,.14)}
.etapas li.on i{background:var(--roxo);color:#fff}
.etapas li.feito{color:#86efac}
.etapas li.feito i{background:rgba(34,197,94,.25);color:#86efac}

.checkout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start;max-width:960px;margin:20px auto 50px}
.ck-caixa{max-width:none;margin:0;padding:26px}
.ck-caixa h1{font-size:24px;margin-bottom:4px}
.ck-caixa .sub{margin-bottom:8px}

.cp{margin-top:4px}
.cp-in{position:relative}
.cp-in > i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--txt3);font-size:14px;pointer-events:none}
.cp-in input{padding-left:38px;height:46px}
.cp-in input[type=password],.cp-in input#c-senha,.cp-in input#c-senha2,.cp-in input#l-senha{padding-right:46px}
.olho{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;color:var(--txt3);cursor:pointer;border-radius:9px;font-size:15px}
.olho:hover{color:var(--txt);background:rgba(255,255,255,.06)}
.cp-msg{font-size:12.5px;line-height:1.4;min-height:18px;margin-top:4px;color:var(--txt3)}
/* O espaço da mensagem fica reservado: erro que aparece no blur empurrava o
   formulário no meio do clique, e o clique no aceite/botão caía no lugar errado. */
.cp.ruim input{border-color:#fb7185}
.cp.ruim .cp-msg{color:#fda4af}
.cp.bom input{border-color:rgba(134,239,172,.6)}
.cp.bom .cp-in::after{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#86efac;font-size:13px;pointer-events:none}
.cp.bom[data-campo=senha] .cp-in::after,.cp.bom[data-campo=senha2] .cp-in::after,.cp.bom[data-campo=l-senha] .cp-in::after{right:48px}
.cp-msg button.sug{background:none;border:0;color:var(--amarelo);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;padding:0}
.forca{display:flex;gap:5px;margin-top:7px}
.forca span{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.08);transition:background .2s}
.forca.n1 span:nth-child(1){background:#fb7185}
.forca.n2 span:nth-child(-n+2){background:#fbbf24}
.forca.n3 span{background:#22c55e}
.aceite a{color:var(--roxo2)}
.aceite.ruim{color:#fda4af}
.ck-btn{width:100%;margin-top:18px}
.ck-btn[disabled]{opacity:.65;cursor:wait}
.ck-rodape{margin-top:14px;font-size:13px;color:var(--txt3);text-align:center}
.ck-rodape a{color:var(--roxo2);font-weight:700}

.pix-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start;margin-top:16px}
.pix-qr{margin:0}
.pix-dir{display:flex;flex-direction:column;gap:12px;min-width:0}
.pix-dir .ck-btn{margin-top:0}
.pix-cod{max-height:92px;overflow:auto}
.aguarda{justify-content:flex-start}
.x-exp{font-size:12.5px;color:var(--txt3)}
.ok-ico{text-align:center;font-size:54px;color:#22c55e;margin:6px 0 4px}

.ck-resumo{position:sticky;top:84px;background:linear-gradient(160deg,rgba(153,37,211,.22),rgba(23,14,38,.9));border:1px solid rgba(192,132,252,.3);border-radius:22px;overflow:hidden}
.mascote-mini{height:170px;overflow:hidden;display:flex;justify-content:center;background:radial-gradient(70% 90% at 50% 100%,rgba(153,37,211,.45),transparent)}
.mascote-mini img{height:340px;width:auto;max-width:none;object-fit:cover;object-position:top;margin-top:12px}
.ck-plano{padding:18px 20px 22px}
.ck-plano .selo{margin-bottom:10px}
.ck-plano h2{font-size:18px;line-height:1.25;margin-bottom:8px}
.ck-plano ul{list-style:none;display:grid;gap:9px;margin-top:10px}
.ck-plano li{font-size:13.5px;color:var(--txt2);position:relative;padding-left:22px}
.ck-plano li i{position:absolute;left:0;top:4px;color:var(--verde);font-size:12px}

@media (max-width:860px){
  .checkout{grid-template-columns:1fr}
  .ck-resumo{position:static;order:-1}
  .mascote-mini{display:none}
  .ck-plano ul{display:none}
  .ck-plano{padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
  .ck-plano .selo{margin:0;flex-basis:100%;width:max-content;max-width:max-content}
  .ck-plano h2{margin:0;font-size:15px;flex:1 1 auto}
  .ck-plano .preco{margin:0}
  .ck-plano .preco b{font-size:24px}
}
@media (max-width:600px){
  .etapas{margin-top:18px;gap:6px}
  .etapas li{padding:8px;font-size:11.5px;gap:6px}
  .ck-caixa{padding:18px}
  .pix-grid{grid-template-columns:1fr}
  .pix-qr{width:220px;margin:0 auto}
}
.aceite input[type=checkbox]{width:18px;height:18px;padding:0;flex:none;margin-top:1px;accent-color:var(--roxo);cursor:pointer}

/* "Onde você nos conheceu?" (26/09) — mesmo visual dos inputs */
.cp-in select{width:100%;padding-left:38px;height:46px}
.campo-rot .opc{font-weight:400;opacity:.65}

/* 26/09/2026 — checkout curto: o que leva, aceite numa linha e confiança. */
.leva{display:flex;align-items:center;gap:14px;padding:12px 14px;margin:0 0 16px;border-radius:14px;background:rgba(153,37,211,.12);border:1px solid rgba(192,132,252,.28)}
.leva-t{flex:1;min-width:0;margin:0;font-size:14px;line-height:1.4;color:var(--txt2)}
.leva-t b{color:var(--txt)}
.leva-t span{color:var(--roxo2);font-weight:800;margin:0 2px}
.leva-fotos{flex:none;display:flex}
.leva-fotos span{width:52px;height:52px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.06);border:2px solid #0b0614;margin-left:-12px;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.leva-fotos span:first-child{margin-left:0}
.leva-fotos img{width:100%;height:100%;object-fit:cover;display:block}
.campo-rot .opc{font-weight:400;opacity:.65}
.ck-aceite{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--txt3);text-align:center}
.ck-aceite a{color:var(--roxo2)}
.confia{list-style:none;display:grid;gap:8px;margin:18px 0 0;padding:14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--linha)}
.confia li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--txt2);line-height:1.4}
.confia li i{flex:none;width:18px;text-align:center;margin-top:2px;color:#86efac}
.confia li b{color:var(--txt)}
.ck-zap{width:100%;margin-top:12px;justify-content:center;gap:9px}
.ck-zap i{color:#25d366;font-size:17px}
.ok-senha{margin-top:14px}
@media (max-width:600px){
  .leva{padding:10px 12px;gap:10px}
  .leva-t{font-size:13px}
  .leva-fotos span{width:44px;height:44px;margin-left:-10px}
}
.cs-caixa{max-width:480px;margin:34px auto 50px}
.cp-in select{width:100%;max-width:none;display:block}

/* 27/09/2026 — auditoria no celular (Android no navegador do Facebook/Instagram). */
.pf-faixa{display:none!important}               /* sem faixa no checkout nem no PIX: a pessoa já decidiu */
.ck-linha{display:none;margin:0 0 12px;padding:9px 12px;border-radius:12px;background:rgba(153,37,211,.14);border:1px solid rgba(192,132,252,.3);font-size:14px;color:var(--txt2);text-align:center}
.ck-linha b{color:var(--txt);font-size:15px}
.pix-linha{margin:2px 0 4px;font-size:15px;color:var(--txt2)}
.pix-linha b{color:var(--txt);font-size:20px}
.pix-passos{list-style:none;counter-reset:pp;display:grid;gap:8px;margin:0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--linha)}
.pix-passos li{counter-increment:pp;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;color:var(--txt2)}
.pix-passos li::before{content:counter(pp);flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--roxo);color:#fff;font-size:12px;font-weight:800;margin-top:1px}
.pix-passos b{color:var(--txt)}
.pix-grid .pix-qr{order:-1}
.pix-grid details.pix-qr{background:none;padding:0;border-radius:0;width:auto;margin:0}
.pix-qr summary{display:none}
.pix-qr img{display:block;width:100%;height:auto;max-width:230px;aspect-ratio:1;background:#fff;border-radius:14px;padding:8px}
.aceite input[type=checkbox]{width:22px;height:22px}
.aceite{min-height:44px;align-items:center;padding:6px 0}
@media (max-width:860px){
  .ck-resumo{display:none}
  .ck-linha{display:block}
  #p-conta:not([hidden]){display:flex;flex-direction:column}
  #p-conta > *{flex:none}
  #p-conta .leva{order:1;margin:18px 0 0}
  #p-conta .confia{order:2}
  #p-conta .ck-zap{order:3}
  #p-conta .ck-rodape{order:4}
  .so-pc{display:none}
  .pix-grid{grid-template-columns:1fr}
  .pix-grid .pix-qr{order:2;width:auto;margin:0}
  .pix-qr summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--linha);background:rgba(255,255,255,.03);color:var(--txt2);font-size:14px;font-weight:700;cursor:pointer;list-style:none}
  .pix-qr summary::-webkit-details-marker{display:none}
  .pix-qr[open] summary{margin-bottom:12px}
  .pix-qr img{margin:0 auto}
  .pix-cod{font-size:12px;max-height:64px}
}

/* Convite do AutoZap (27/09/2026) — cartão na tela de sucesso e na Minha assinatura */
.cvz{margin:18px 0 4px;padding:16px;border-radius:16px;border:1px solid rgba(167,139,250,.35);background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(37,211,102,.08));text-align:left}
.cvz-t{display:flex;align-items:center;gap:10px;font-size:15.5px}
.cvz-t i{color:#a78bfa}
.cvz p{margin:8px 0 12px;font-size:13.5px;line-height:1.5;opacity:.9}
.cvz-b{display:flex;gap:8px;flex-wrap:wrap}
.cvz-b .btn{flex:1;min-width:150px;justify-content:center}
.cvz-zap{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:#4ade80;text-decoration:none}
.cvz-zap i{font-size:15px}
#p-ok [hidden]{display:none!important}   /* 27/09/2026: o .btn tinha display próprio e o "Abrir os prompts" aparecia junto do "Salvar senha" */