/* ============================================================
   checkout-page.css — checkout exclusivo de infoprodutos
   (/checkout/<produto>: pack-de-skills, sites-com-ia, mentoria).

   Página autossuficiente (não carrega o style.css). Design dark
   grafite com painel de pagamento em vidro (glass), glows azuis
   suaves e foco total em confiança: garantia de 7 dias, cartão
   tokenizado na Pagar.me e selo Stone. Identidade TG: azul
   #1283c4 + CTA neon, Outfit + DM Sans.
   Namespace: .ck-*  (o modal antigo segue no checkout-modal.css)
   ============================================================ */

@font-face{font-family:'Outfit';src:url('/fonts/outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap;font-style:normal;}
@font-face{font-family:'DM Sans';src:url('/fonts/dmsans-latin.woff2') format('woff2');font-weight:100 1000;font-display:swap;font-style:normal;}

:root{
  --ck-bg:#060607;
  --ck-panel:rgba(255,255,255,.026);
  --ck-line:rgba(255,255,255,.08);
  --ck-line-strong:rgba(255,255,255,.14);
  --ck-blue:#1283c4;
  --ck-blue-bright:#41b1f2;
  --ck-blue-line:rgba(18,131,196,.4);
  --ck-blue-soft:rgba(18,131,196,.13);
  --ck-neon:#22c4ff;
  --ck-neon-deep:#0b8fd9;
  --ck-green:#00af55;          /* verde Pagar.me/Stone: reservado pra confiança */
  --ck-green-bright:#2fd581;
  --ck-green-line:rgba(0,175,85,.32);
  --ck-green-soft:rgba(0,175,85,.09);
  --ck-red:#f26d6d;
  --ck-red-line:rgba(242,109,109,.35);
  --ck-red-soft:rgba(242,109,109,.1);
  --ck-text:#a3a3ab;
  --ck-text-soft:#7c7c85;
  --ck-white:#fff;
  --ck-font-display:'Outfit',sans-serif;
  --ck-font-body:'DM Sans',sans-serif;
  --ck-t:.3s cubic-bezier(0,0,.36,1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{font-family:var(--ck-font-body);font-size:16px;line-height:1.6;color:var(--ck-text);background:var(--ck-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;display:flex;flex-direction:column;}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;}
h1,h2,h3,h4{font-family:var(--ck-font-display);color:var(--ck-white);font-weight:700;line-height:1.15;letter-spacing:-.02em;}
strong,b{color:var(--ck-white);font-weight:600;}
/* o atributo hidden precisa vencer os display:flex/grid dos componentes */
[hidden]{display:none!important;}

.ck-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 24px;}

/* ---------- fundo: pontos + glows azuis (eco do engage/pack) ---------- */
.ck-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.ck-bg::before{content:'';position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:26px 26px;}
.ck-glow{position:absolute;border-radius:50%;filter:blur(130px);}
.ck-glow-1{top:-180px;left:-160px;width:480px;height:480px;background:rgba(18,131,196,.14);}
.ck-glow-2{bottom:-220px;right:-140px;width:540px;height:540px;background:rgba(18,131,196,.08);}

header.ck-top,main.ck-main,footer.ck-footer{position:relative;z-index:1;}

/* ============================================================
   TOPO: logo + selo de compra segura
   ============================================================ */
.ck-top{background:rgba(6,6,7,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.ck-top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px;}
/* mesmo lockup do header do site: ícone TG + "ThalesGomes" (Gomes fininho) */
.ck-top-logo{display:flex;align-items:center;gap:12px;}
.ck-top-logo img{width:38px;height:38px;object-fit:contain;}
.ck-top-logo span{font-family:var(--ck-font-display);font-weight:600;font-size:18px;color:var(--ck-white);letter-spacing:.01em;}
.ck-top-logo span em{font-style:normal;font-weight:200;}
.ck-top-secure{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;
  border:1px solid var(--ck-green-line);background:var(--ck-green-soft);
  font-family:var(--ck-font-display);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ck-green-bright);}
.ck-top-secure svg{width:14px;height:14px;flex-shrink:0;}

/* ============================================================
   GRID PRINCIPAL: resumo (esq) + pagamento (dir)
   ============================================================ */
.ck-main{flex:1;padding:44px 0 64px;}
/* o painel de pagamento ocupa as duas linhas; a 1fr da segunda linha absorve a
   altura extra dele, senão o resumo abre um buraco entre o preço e o "incluso" */
.ck-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:auto 1fr;grid-template-areas:'head pay' 'more pay';gap:20px 48px;align-items:start;}
.ck-sum-head{grid-area:head;}
.ck-sum-more{grid-area:more;}
/* o gap do grid já espaça a coluna; o primeiro bloco não carrega margem extra
   (nos serviços a garantia sai e o processador assume o topo) */
.ck-sum-more > :first-child{margin-top:0;}
.ck-pay{grid-area:pay;}

/* ---------- resumo: produto ---------- */
.ck-eyebrow{font-family:var(--ck-font-display);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ck-blue-bright);margin-bottom:18px;display:inline-flex;align-items:center;gap:9px;}
.ck-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ck-blue);box-shadow:0 0 10px var(--ck-blue);}

.ck-prod-logo{height:clamp(44px,5vw,58px);width:auto;max-width:300px;margin-bottom:20px;}
.ck-prod-logo svg{height:100%;width:auto;}
.ck-prod-name{font-size:clamp(24px,2.6vw,30px);margin-bottom:10px;text-wrap:balance;}
.ck-prod-desc{font-size:15px;max-width:460px;}

.ck-price-box{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:22px;padding:18px 20px;border-radius:14px;
  background:var(--ck-panel);border:1px solid var(--ck-line);}
.ck-price-label{width:100%;font-family:var(--ck-font-display);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ck-text-soft);}
.ck-price{font-family:var(--ck-font-display);color:var(--ck-white);font-weight:700;letter-spacing:-.02em;font-size:38px;line-height:1;}
.ck-price small{font-size:20px;font-weight:600;vertical-align:baseline;margin-right:4px;}
.ck-price-note{font-size:13.5px;color:var(--ck-text);}
/* preço público riscado no modo parceiro */
.ck-price-ref{width:100%;font-size:12.5px;color:var(--ck-text-soft);}
.ck-price-ref s{opacity:.85;}

/* ---------- garantia de 7 dias (card verde, logo abaixo do investimento) ---------- */
.ck-guarantee{display:flex;gap:14px;padding:18px 20px;border-radius:14px;
  background:var(--ck-green-soft);border:1px solid var(--ck-green-line);}
.ck-guarantee svg{width:30px;height:30px;flex-shrink:0;color:var(--ck-green-bright);margin-top:2px;}
.ck-guarantee h3{font-size:15.5px;margin-bottom:4px;}
.ck-guarantee p{font-size:13.5px;line-height:1.55;}

/* ---------- confiança: tokenização + processador ---------- */
.ck-trust{margin-top:22px;display:flex;flex-direction:column;gap:14px;}
.ck-trust-item{display:flex;gap:12px;font-size:13.5px;line-height:1.55;}
.ck-trust-item svg{width:18px;height:18px;flex-shrink:0;color:var(--ck-blue-bright);margin-top:2px;}

.ck-processor{margin-top:24px;padding:18px 20px;border-radius:14px;background:var(--ck-panel);border:1px solid var(--ck-line);}
.ck-processor-label{font-family:var(--ck-font-display);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ck-text-soft);margin-bottom:12px;}
.ck-processor-logo{height:30px;width:auto;margin-bottom:10px;}
.ck-processor p{font-size:13px;line-height:1.55;}

.ck-brands{display:flex;align-items:center;gap:8px;margin-top:14px;}
.ck-brands svg{width:38px;height:26px;border-radius:4px;}
.ck-brands-label{font-size:12px;color:var(--ck-text-soft);margin-right:2px;}

/* ============================================================
   PAINEL DE PAGAMENTO (glass card, eco do engage-lite)
   ============================================================ */
.ck-card{position:relative;overflow:hidden;border-radius:20px;
  background:rgba(15,15,18,.55);border:1px solid var(--ck-line);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  box-shadow:0 24px 70px -24px rgba(0,0,0,.75);
  padding:30px 30px 26px;}
/* brilho superior (hairline) + halo azul, marca registrada do glass */
.ck-card::before{content:'';position:absolute;inset:0 0 auto;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);}
.ck-card::after{content:'';position:absolute;top:-96px;left:50%;width:200px;height:160px;transform:translateX(-50%);
  border-radius:50%;background:rgba(18,131,196,.14);filter:blur(48px);pointer-events:none;}

.ck-card-head{position:relative;margin-bottom:22px;}
.ck-card-head h2{font-size:22px;margin-bottom:5px;}
.ck-card-head p{font-size:13.5px;line-height:1.5;}

.ck-form{position:relative;display:flex;flex-direction:column;gap:18px;}

/* ---------- escolha de plano (só mentoria: à vista / 2x no Pix) ---------- */
.ck-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ck-plan input{position:absolute;opacity:0;pointer-events:none;}
.ck-plan-card{display:flex;flex-direction:column;gap:2px;height:100%;padding:13px 15px;border-radius:12px;cursor:pointer;
  background:var(--ck-panel);border:1px solid var(--ck-line);transition:border-color var(--ck-t),background-color var(--ck-t);}
.ck-plan:hover .ck-plan-card{border-color:var(--ck-line-strong);}
.ck-plan input:checked+.ck-plan-card{border-color:var(--ck-blue-line);background:var(--ck-blue-soft);}
.ck-plan input:focus-visible+.ck-plan-card{outline:2px solid var(--ck-neon);outline-offset:2px;}
.ck-plan-name{display:flex;align-items:center;gap:7px;font-family:var(--ck-font-display);font-size:13.5px;font-weight:700;color:var(--ck-white);}
.ck-plan-name svg{width:13px;height:13px;color:var(--ck-blue-bright);opacity:0;transition:opacity var(--ck-t);}
.ck-plan input:checked+.ck-plan-card .ck-plan-name svg{opacity:1;}
.ck-plan-price{font-family:var(--ck-font-display);font-size:17px;font-weight:700;color:var(--ck-white);}
.ck-plan-note{font-size:11.5px;color:var(--ck-text-soft);line-height:1.4;}

/* ---------- combo: segundo serviço (só nos serviços) ---------- */
.ck-addon{display:flex;flex-direction:column;}
.ck-addon-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1.5px dashed var(--ck-line-strong);border-radius:12px;background:transparent;text-align:left;
  transition:border-color var(--ck-t),background-color var(--ck-t);}
.ck-addon-toggle:hover{border-color:var(--ck-blue-line);}
.ck-addon.is-open .ck-addon-toggle{border-style:solid;border-color:var(--ck-blue-line);background:var(--ck-blue-soft);}
.ck-addon-plus{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--ck-blue);color:#fff;font-size:15px;font-weight:700;line-height:1;}
.ck-addon-label{display:flex;flex-direction:column;gap:1px;margin-right:auto;font-family:var(--ck-font-display);font-size:13.5px;font-weight:700;color:var(--ck-white);line-height:1.25;}
.ck-addon-label em{font-style:normal;font-size:11.5px;font-weight:500;color:var(--ck-text-soft);}
.ck-addon-chev{width:16px;height:16px;flex-shrink:0;color:var(--ck-text-soft);transition:transform var(--ck-t);}
.ck-addon.is-open .ck-addon-chev{transform:rotate(180deg);}
.ck-addon-body{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
.ck-addon-note{font-size:12.5px;font-weight:600;color:var(--ck-green-bright);}
.ck-addon-remove{align-self:flex-start;font-size:12.5px;color:var(--ck-text-soft);text-decoration:underline;text-underline-offset:2px;}
.ck-addon-remove:hover{color:var(--ck-text);}

/* ---------- método: Pix / Cartão ---------- */
.ck-seg{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ck-seg label{position:relative;}
.ck-seg input{position:absolute;opacity:0;pointer-events:none;}
.ck-seg-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:13px 10px;border-radius:12px;cursor:pointer;text-align:center;
  background:var(--ck-panel);border:1px solid var(--ck-line);transition:border-color var(--ck-t),background-color var(--ck-t);}
.ck-seg label:hover .ck-seg-card{border-color:var(--ck-line-strong);}
.ck-seg input:checked+.ck-seg-card{border-color:var(--ck-blue-line);background:var(--ck-blue-soft);}
.ck-seg input:focus-visible+.ck-seg-card{outline:2px solid var(--ck-neon);outline-offset:2px;}
.ck-seg-name{display:inline-flex;align-items:center;gap:8px;font-family:var(--ck-font-display);font-size:14.5px;font-weight:700;color:var(--ck-white);}
.ck-seg-name svg{width:16px;height:16px;color:var(--ck-blue-bright);}
.ck-seg-note{font-size:11.5px;color:var(--ck-text-soft);}

.ck-method-note{font-size:12.5px;line-height:1.5;color:var(--ck-text-soft);margin-top:-8px;}

/* ---------- campos ---------- */
.ck-fields{display:flex;flex-direction:column;gap:14px;}
.ck-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ck-row--name-doc{grid-template-columns:1.3fr 1fr;}
.ck-row--card-id{grid-template-columns:1.3fr 1fr;}
.ck-row--expiry{grid-template-columns:1fr 1fr;}
.ck-row--cep-addr{grid-template-columns:.8fr 1.2fr;}
.ck-row--address{grid-template-columns:1.4fr .6fr;}

.ck-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--ck-font-display);font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--ck-text);}
.ck-form input[type=text],.ck-form input[type=email],.ck-form input[type=tel],.ck-form select{
  width:100%;padding:12px 14px;border-radius:10px;font-family:var(--ck-font-body);font-size:15px;color:var(--ck-white);
  background:rgba(255,255,255,.04);border:1px solid var(--ck-line-strong);outline:none;
  transition:border-color var(--ck-t),box-shadow var(--ck-t),background-color var(--ck-t);appearance:none;}
.ck-form input::placeholder{color:var(--ck-text-soft);opacity:.75;}
.ck-form input:focus,.ck-form select:focus{border-color:var(--ck-neon);box-shadow:0 0 0 3px rgba(34,196,255,.16);background:rgba(255,255,255,.055);}
.ck-form select{cursor:pointer;padding-right:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c7c85' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;}
.ck-form select option{background:#131318;color:var(--ck-white);}

/* campo com ícone (número do cartão) */
.ck-field{position:relative;display:block;}
.ck-field input{padding-right:42px;}
.ck-field-ico{position:absolute;top:50%;right:13px;width:17px;height:17px;transform:translateY(-50%);color:var(--ck-text-soft);pointer-events:none;}

/* ---------- bloco do cartão (nota de tokenização + campos) ---------- */
.ck-card-fields{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:14px;
  background:rgba(255,255,255,.02);border:1px solid var(--ck-line);}
.ck-card-secure-note{display:flex;gap:10px;font-size:12.5px;line-height:1.5;color:var(--ck-text);}
.ck-card-secure-note svg{width:15px;height:15px;flex-shrink:0;color:var(--ck-green-bright);margin-top:2px;}

/* ---------- turnstile + erro ---------- */
.ck-turnstile:empty{display:none;}
.ck-turnstile{display:flex;justify-content:flex-start;}
.ck-error{padding:12px 15px;border-radius:10px;font-size:13.5px;line-height:1.5;
  background:var(--ck-red-soft);border:1px solid var(--ck-red-line);color:var(--ck-red);}
.ck-error a{color:var(--ck-white);text-decoration:underline;text-underline-offset:2px;}
.ck-hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden;}

/* ---------- botão principal (CTA neon, mesmo DNA do pk-btn) ---------- */
.ck-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;
  padding:18px 30px;border-radius:12px;
  background:linear-gradient(180deg,#3fd0ff 0%,var(--ck-neon-deep) 100%);
  color:#fff;font-family:var(--ck-font-display);font-size:15px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  box-shadow:0 14px 40px rgba(34,196,255,.28),inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform var(--ck-t),box-shadow var(--ck-t),filter var(--ck-t),opacity var(--ck-t);}
.ck-submit svg{width:16px;height:16px;flex-shrink:0;}
.ck-submit:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 20px 52px rgba(34,196,255,.4),inset 0 1px 0 rgba(255,255,255,.28);}
.ck-submit:active{transform:translateY(0);}
.ck-submit:disabled{opacity:.6;cursor:wait;transform:none;filter:none;}

/* micro selo embaixo do botão */
.ck-submit-trust{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--ck-text-soft);margin-top:-6px;}
.ck-submit-trust svg{width:13px;height:13px;color:var(--ck-green-bright);}

/* ---------- resultado: Pix / confirmado ---------- */
.ck-result{display:flex;flex-direction:column;gap:14px;}
.ck-pix{display:flex;flex-direction:column;gap:14px;text-align:center;}
.ck-pix-head{display:flex;align-items:center;justify-content:center;gap:9px;}
.ck-pix-head svg{width:20px;height:20px;color:var(--ck-blue-bright);}
.ck-pix-head h4{font-size:18px;}
.ck-pix p{font-size:13.5px;line-height:1.55;}
.ck-pix-qr-card{align-self:center;padding:14px;border-radius:16px;background:#fff;box-shadow:0 18px 50px -18px rgba(0,0,0,.7);}
.ck-pix-qr{width:200px;height:200px;}
.ck-pix-code{max-height:88px;overflow-y:auto;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--ck-line);}
.ck-pix-code code{font-size:11.5px;line-height:1.5;word-break:break-all;color:var(--ck-text);}
.ck-copy{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:14px 24px;border-radius:12px;
  font-family:var(--ck-font-display);font-size:14px;font-weight:700;color:var(--ck-white);
  background:rgba(255,255,255,.05);border:1px solid var(--ck-line-strong);
  transition:background-color var(--ck-t),border-color var(--ck-t);}
.ck-copy:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24);}
.ck-pix-waiting{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:var(--ck-text-soft);}
.ck-spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--ck-blue-bright);animation:ck-spin .8s linear infinite;}
@keyframes ck-spin{to{transform:rotate(360deg);}}

.ck-done{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:10px 0;}
.ck-done-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;
  background:var(--ck-green-soft);border:1px solid var(--ck-green-line);color:var(--ck-green-bright);}
.ck-done-icon svg{width:24px;height:24px;}
.ck-done h4{font-size:19px;}
.ck-done p{font-size:14px;line-height:1.55;}

/* ---------- ajuda embaixo do card ---------- */
.ck-help{margin-top:16px;text-align:center;font-size:13px;color:var(--ck-text-soft);}
.ck-help a{color:var(--ck-blue-bright);font-weight:600;}
.ck-help a:hover{text-decoration:underline;text-underline-offset:3px;}

/* ============================================================
   RODAPÉ
   ============================================================ */
.ck-footer{border-top:1px solid var(--ck-line);padding:22px 0;}
.ck-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;font-size:12.5px;color:var(--ck-text-soft);}
.ck-footer-legal{display:flex;gap:18px;}
.ck-footer-legal a:hover{color:var(--ck-text);}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:960px){
  .ck-main{padding:28px 0 48px;}
  /* uma coluna: produto resumido, pagamento, e o restante da prova embaixo */
  .ck-grid{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:'head' 'pay' 'more';gap:24px;}
  .ck-sum-head .ck-prod-desc{max-width:none;}
  .ck-card{padding:24px 18px 22px;}
  .ck-row,.ck-row--name-doc,.ck-row--card-id,.ck-row--cep-addr,.ck-row--address{grid-template-columns:1fr;}
  .ck-row--expiry{grid-template-columns:1fr 1fr;}
  .ck-price{font-size:32px;}
}

@media (max-width:520px){
  .ck-wrap{padding:0 18px;}
  .ck-top-inner{padding-top:13px;padding-bottom:13px;}
  .ck-top-logo{gap:9px;}
  .ck-top-logo img{width:32px;height:32px;}
  .ck-top-logo span{font-size:16px;}
  .ck-top-secure{padding:8px 12px;font-size:11px;letter-spacing:.1em;}
  .ck-plans,.ck-seg{grid-template-columns:1fr;}
  .ck-footer-inner{flex-direction:column;text-align:center;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation-duration:.01ms!important;}
}

/* ============================================================
   TEMA CLARO (serviços de /precos e /parceiros): body.ck-light
   Os componentes usam variáveis, então o grosso é retinta aqui;
   o que precisa de ajuste fino vem logo abaixo.
   ============================================================ */
body.ck-light{
  --ck-bg:#f5f7fb;
  --ck-panel:rgba(13,27,42,.035);
  --ck-line:rgba(13,27,42,.09);
  --ck-line-strong:rgba(13,27,42,.16);
  --ck-blue-bright:#0e6da5;   /* azul mais fundo pra contraste em fundo claro */
  --ck-blue-line:rgba(18,131,196,.45);
  --ck-blue-soft:rgba(18,131,196,.09);
  --ck-green-bright:#00934c;
  --ck-green-line:rgba(0,147,76,.3);
  --ck-green-soft:rgba(0,175,85,.07);
  --ck-red:#c94040;
  --ck-red-line:rgba(201,64,64,.3);
  --ck-red-soft:rgba(201,64,64,.07);
  --ck-text:#4a5361;
  --ck-text-soft:#7b8494;
  --ck-white:#0d1420;         /* o "branco" vira tinta: títulos e strongs escuros */
}
body.ck-light .ck-bg::before{background-image:radial-gradient(rgba(13,27,42,.07) 1px,transparent 1px);}
body.ck-light .ck-glow-1{background:rgba(18,131,196,.1);}
body.ck-light .ck-glow-2{background:rgba(18,131,196,.06);}
body.ck-light .ck-top{background:rgba(245,247,251,.15);}

/* painel de pagamento: vidro branco */
body.ck-light .ck-card{background:rgba(255,255,255,.82);border-color:rgba(13,27,42,.08);
  box-shadow:0 24px 70px -28px rgba(13,27,42,.3);}
body.ck-light .ck-card::before{background:linear-gradient(90deg,transparent,rgba(13,27,42,.12),transparent);}
body.ck-light .ck-card::after{background:rgba(18,131,196,.1);}

/* cards de escolha e inputs sobre branco */
body.ck-light .ck-plan-card,body.ck-light .ck-seg-card{background:#fff;border-color:rgba(13,27,42,.12);}
body.ck-light .ck-plan input:checked+.ck-plan-card,
body.ck-light .ck-seg input:checked+.ck-seg-card{border-color:rgba(18,131,196,.55);background:rgba(18,131,196,.07);}
body.ck-light .ck-form input[type=text],
body.ck-light .ck-form input[type=email],
body.ck-light .ck-form input[type=tel],
body.ck-light .ck-form select{background:#fff;border-color:rgba(13,27,42,.16);color:#0d1420;}
body.ck-light .ck-form input:focus,body.ck-light .ck-form select:focus{background:#fff;box-shadow:0 0 0 3px rgba(34,196,255,.2);}
body.ck-light .ck-form select option{background:#fff;color:#0d1420;}
body.ck-light .ck-card-fields{background:rgba(13,27,42,.025);}

/* resultado (Pix / copiar) */
body.ck-light .ck-pix-qr-card{border:1px solid rgba(13,27,42,.08);box-shadow:0 18px 50px -18px rgba(13,27,42,.35);}
body.ck-light .ck-pix-code{background:rgba(13,27,42,.04);}
body.ck-light .ck-copy{background:rgba(13,27,42,.05);}
body.ck-light .ck-copy:hover{background:rgba(13,27,42,.09);}
body.ck-light .ck-spinner{border-color:rgba(13,27,42,.15);border-top-color:var(--ck-blue);}