/* Checkout da Alegai. Tudo escopado em .ck / .ck-* para poder ser carregado dentro da LP sem conflito. */

/* ---------- página avulsa (/assinar) ---------- */
body.ck-pagina{margin:0;background:#f6f3ec;color:#1d2733;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.ck-topo{max-width:520px;margin:0 auto;padding:1rem 1.2rem}
.ck-marca{font:400 1.8rem "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;letter-spacing:-.02em;color:#0f1f2e;display:inline-flex;align-items:center;gap:.55rem;min-height:44px;text-decoration:none}
.ck-marca i{font-style:normal;color:#0891a8}
.ck-centro{display:flex;justify-content:center;padding:0 1rem 2.5rem}
body.ck-pagina .ck{border:1px solid #e1dbcd;border-radius:16px;box-shadow:0 8px 30px rgba(29,39,51,.07)}

/* ---------- cartão ---------- */
.ck{--marca:#1f4d46;--marca2:#2f6f64;--tinta:#1d2733;--suave:#5b6673;--linha:#e1dbcd;--alerta:#9a3b2e;--aviso:#f3e7c3;--papel:#fffdf8;
  box-sizing:border-box;width:100%;max-width:440px;background:var(--papel);color:var(--tinta);padding:1.4rem;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left}
.ck *,.ck *::before,.ck *::after{box-sizing:border-box}
.ck-hidden{display:none!important}
.ck h1,.ck h2{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-weight:600;margin:0;line-height:1.2}
.ck h1{font-size:1.45rem}
.ck h2{font-size:1.3rem;margin-bottom:.3rem}
.ck a{color:var(--marca)}

.ck-cab{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.ck-plano{margin:.25rem 0 0;color:var(--suave);font-size:.95rem}
.ck-plano b{color:var(--tinta)}
.ck-seguro{display:inline-flex;gap:.3rem;align-items:center;font-size:.78rem;color:var(--suave);white-space:nowrap;padding-top:.2rem}
.ck-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 1rem;padding:0}
.ck-chips span{font-size:.78rem;color:var(--marca);background:#e6efec;border-radius:99px;padding:.15rem .6rem}

.ck label{display:block;font-size:.88rem;color:var(--suave);margin:.65rem 0}
.ck label small{font-weight:400}
.ck input:not([type=checkbox]){display:block;width:100%;font:inherit;color:var(--tinta);background:#fff;border:1px solid var(--linha);border-radius:8px;padding:.65rem .75rem;margin-top:.25rem}
.ck input:focus{outline:2px solid var(--marca2);border-color:var(--marca2)}
.ck input.ck-inv{border-color:var(--alerta)}
.ck input[readonly]{background:#f3efe6}
.ck-duas{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.ck-erro{display:block;font-size:.8rem;color:var(--alerta);margin-top:.15rem}
.ck-erro:empty{display:none}
.ck-dica{font-size:.82rem;color:var(--suave);margin:.4rem 0}

.ck-metodos{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0 .6rem}
.ck-metodo{font:inherit;font-weight:600;padding:.65rem;border:1px solid var(--linha);border-radius:10px;background:#fff;color:var(--suave);cursor:pointer}
.ck-metodo.on{border-color:var(--marca);background:#e6efec;color:var(--marca)}

.ck-aceite{display:flex!important;gap:.55rem;align-items:flex-start;font-size:.82rem!important}
.ck-aceite input{margin-top:.2rem;flex:none}
.ck-erro-geral{color:var(--alerta);min-height:1.1em;margin:.4rem 0;font-size:.9rem}
.ck-aviso{background:var(--aviso);border-radius:8px;padding:.55rem .75rem;margin-bottom:.4rem;font-size:.85rem;color:var(--tinta)}

.ck-btn{display:block;width:100%;text-align:center;text-decoration:none;background:var(--marca);color:#fff!important;border:0;border-radius:10px;padding:.85rem 1rem;font:inherit;font-weight:700;font-size:1rem;cursor:pointer}
.ck-btn:hover{background:var(--marca2)}
.ck-btn:disabled{opacity:.55;cursor:default}
.ck-btn.ck-sec{width:auto;background:transparent;color:var(--marca)!important;border:1px solid var(--marca);padding:.55rem .9rem;font-size:.9rem;flex:none}
.ck-link{background:none;border:0;color:var(--marca);font:inherit;cursor:pointer;padding:0;text-decoration:underline}

.ck-etapa{text-align:center}
.ck-qr{width:200px;height:200px;margin:.9rem auto;border:2px dashed var(--linha);border-radius:12px;display:grid;place-items:center;color:var(--suave);background:#fff;font-size:.85rem}
.ck-qr img{width:100%;height:100%;display:block}
.ck-copia{display:flex;gap:.5rem;align-items:center;margin-top:.25rem}
.ck-copia input{margin:0!important}
.ck-espera{color:var(--suave);margin:1rem 0 .6rem;font-size:.92rem}
.ck-ponto{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--marca2);margin-right:.35rem;animation:ck-pulso 1.4s infinite}
@keyframes ck-pulso{50%{opacity:.25}}
.ck-check{width:60px;height:60px;border-radius:50%;background:var(--marca);color:#fff;display:grid;place-items:center;font-size:1.9rem;margin:.3rem auto .9rem}

/* ---------- pop-up sobre a LP ---------- */
.ck-modal{position:fixed;inset:0;z-index:100;background:rgba(20,28,36,.55);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:4vh 1rem;animation:ck-fade .15s ease-out}
@keyframes ck-fade{from{opacity:0}}
.ck-modal-caixa{position:relative;width:100%;max-width:440px;margin:auto 0}
.ck-modal .ck{border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.ck-fechar{position:absolute;top:.5rem;right:.6rem;z-index:2;width:2rem;height:2rem;border:0;border-radius:50%;background:transparent;color:#5b6673;font-size:1.5rem;line-height:1;cursor:pointer}
.ck-fechar:hover{background:#efe9db}
.ck-modal .ck-cab{padding-right:1.6rem}
body.ck-travado{overflow:hidden}

@media(max-width:480px){
  .ck{padding:1.1rem}
  .ck-modal{padding:0;align-items:flex-end}
  .ck-modal-caixa{max-width:none;margin:0}
  .ck-modal .ck{border-radius:16px 16px 0 0;max-height:95vh;overflow-y:auto}
}

/* ---------- tema claro e limpo ---------- */
body.ck-pagina{background:#f7f6f2;color:#1d1d1f;font-family:"Inter","Helvetica Neue",Helvetica,"Segoe UI",system-ui,sans-serif}
.ck-marca{font:400 1.8rem "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;letter-spacing:-.02em;color:#0f1f2e;display:inline-flex;align-items:center;gap:.55rem;min-height:44px;text-decoration:none}
.ck-marca i{font-style:normal;color:#0891a8}
.ck-marca::before{content:"";width:30px;height:30px;background:url(/static/logo-marca.svg) center/contain no-repeat}
body.ck-pagina .ck{border:1px solid #e7e4dc;border-radius:18px;box-shadow:0 1px 2px rgba(20,20,25,.04),0 16px 40px -20px rgba(20,20,25,.2)}
.ck{--marca:#1d1d1f;--marca2:#34343a;--tinta:#1d1d1f;--suave:#6b6b70;--linha:#e7e4dc;--alerta:#c0432f;--aviso:#fff8de;--papel:#fff;font-family:"Inter","Helvetica Neue",Helvetica,"Segoe UI",system-ui,sans-serif}
.ck h1,.ck h2{font-family:inherit;font-weight:700;letter-spacing:-.025em}
.ck a{color:#1d1d1f;font-weight:500}
.ck label{color:#6b6b70;font-weight:500}
.ck input:not([type=checkbox]){border:1px solid #e7e4dc;border-radius:10px;min-height:44px}
.ck input:focus{outline:0;border-color:#b9b9c4;box-shadow:0 0 0 4px rgba(138,138,240,.18)}
.ck input[readonly]{background:#f7f6f2}
.ck-chips span{background:#fff8de;color:#6b5200;border:1px solid #efdc95;border-radius:99px;font-weight:500}
.ck-metodo{border:1px solid #e7e4dc;border-radius:12px;color:#6b6b70;background:#fff;min-height:44px}
.ck-metodo.on{background:#fff8de;color:#1d1d1f;border-color:#e2c85f}
.ck-aviso{border:1px solid #efdc95;border-radius:10px}
.ck-btn{background:#1d1d1f;color:#fff!important;border:0;border-radius:12px;box-shadow:none;font-weight:600;min-height:48px;transition:background .15s}
.ck-btn:hover{background:#34343a;transform:none;box-shadow:none}
.ck-btn.ck-sec{background:#fff;color:#1d1d1f!important;border:1px solid #e7e4dc;box-shadow:none}
.ck-link{color:#1d1d1f;font-weight:500;min-height:32px}
.ck-qr{border:1.5px dashed #cfcabd;border-radius:14px}
.ck-check{background:#e7f5ee;color:#2f7d5b;border:0}
.ck-ponto{background:#e8b923}
.ck-modal{background:rgba(29,29,31,.45);backdrop-filter:blur(3px)}
.ck-modal .ck{border:1px solid #e7e4dc;border-radius:18px;box-shadow:0 24px 70px -20px rgba(0,0,0,.35)}
.ck-fechar{border-radius:50%;width:2.75rem;height:2.75rem;color:#6b6b70}
.ck-fechar:hover{background:#f1efe9}
@media(max-width:480px){.ck-modal .ck{border-radius:18px 18px 0 0;box-shadow:none}}

/* escolha de plano e período dentro do checkout */
.ck-escolha{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0 0 .9rem}
.ck-seg{display:flex;gap:.2rem;padding:.2rem;border:1px solid #e1ddd6;border-radius:10px;background:#f7f6f2}
.ck-seg button{flex:1;font:inherit;font-size:.9rem;font-weight:600;border:0;border-radius:8px;background:transparent;color:#5d6a75;padding:.5rem .4rem;min-height:40px;cursor:pointer}
.ck-seg button.on{background:#fff;color:#0f1f2e;box-shadow:0 1px 2px rgba(15,31,46,.12)}
.ck-seg button:focus-visible{outline:2px solid #0891a8;outline-offset:1px}
.ck-plano small{color:#0891a8;font-weight:700}
@media(max-width:420px){.ck-escolha{grid-template-columns:1fr}}