/* /produtos/checklist/checklist-online (v2, lote 7). Carregado depois de checklist-v2.css (pai, ?v=20260929-10, sem edição).
   Prefixo .ckon-: link do topo para o passo a passo, guia "como criar um checklist online" em 6 passos, painel compartilhado,
   contexto do case e ajustes da subpágina. Base: checklist-para-obra-v2.css (lote 6) sem o modelo copiável, com o prefixo trocado. */

/* Topo: link para o modelo */
.ck .ckon-hero__model{margin:10px 0 0}
.ckon-hero__model a{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:rgba(255,255,255,.85);font-size:.95rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--ck-teal);text-decoration-thickness:2px;text-underline-offset:4px}
.ckon-hero__model a svg{color:var(--ck-teal)}
.ckon-hero__model a:hover{color:#fff}
.ck .ckon-phone--full .ck-phone__scr img{width:100%;max-width:100%;height:100%;margin:0;object-fit:cover;object-position:top}

/* Definição sem imagem grande: CTA leve alinhado à grade */
.ckon-def .ck-soft{max-width:none;margin-top:48px}

/* Como funciona com 3 passos */
.ckon-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}



/* Topo no celular: hero <= spf, sem microcopy; H1 no tamanho e na grade da pai (rodada 7 de checklist-v2.css) */
@media (max-width:767px){
.ck .ckon-hero__model{display:none}
.ck.ckon .ck-hero .mc-eyebrow{letter-spacing:.06em}
.ck.ckon .ck-stats span{font-size:.9rem;line-height:1.35}
}
/* Cartões dos cases: narração marcada como contexto do case, separada da citação literal */
.ck .ckon-case__ctx{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.78);font-size:.95rem;font-style:normal;line-height:1.55;text-align:left}
.ckon-case__ctx span{display:block;margin-bottom:4px;color:var(--ck-teal);font-size:.9rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
/* CTA leve da definição: WhatsApp como botão contornado */
.ck .ckon-def .ck-soft__wa{min-height:48px;padding:10px 20px;border:2px solid var(--ck-teal);border-radius:10px;text-decoration:none}
.ck .ckon-def .ck-soft__wa:hover{background:var(--ck-teal);color:#fff}
.ck .ckon-def .ck-soft__wa:hover svg{color:#fff}
/* Tablet: hero mais baixo */
@media (min-width:992px) and (max-width:1199px){.ck.ckon .ck-hero__art{padding-bottom:20px!important}.ck.ckon .ck-stats{margin-top:28px!important}}
@media (max-width:640px){.ck .ckon-def .ck-soft__wa{justify-content:center;width:100%}}
/* Cases: 3 cartões em 3 colunas no desktop */
@media (min-width:1181px){.ck .ckon-cases{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ck .ck-hl__body .ckon-case__ctx{margin:0 0 24px}
/* H1 em 2 linhas no desktop: o destaque na segunda linha */
@media (min-width:992px){.ck.ckon .ck-hero__title span{display:block}}@media (min-width:1280px){.ck.ckon .ck-hero__title span{white-space:nowrap}}
/* Tablet: sem o link do passo a passo no topo, para o hero não passar do da spf */
@media (min-width:992px) and (max-width:1199px){.ck .ckon-hero__model{display:none}}
/* rodada 10: cases com logo e foto */
.ck .ck-case__brand--logo{min-height:44px}.ck .ck-case__logo img{max-height:28px}.ck .ck-case__q .ck-case__who{padding-top:12px;gap:10px}.ck .ck-hl__logo{margin:0 0 10px}
@media (min-width:992px){.ck .ck-hl__body{padding-top:28px;padding-bottom:30px}}
@media (max-width:767px){.ck .ck-hl__body{padding-top:10px}}
@media (min-width:768px){.ck .ck-hl__q figcaption .ck-case__avatar{flex-basis:48px;width:48px!important;height:48px!important}}

/* Checklist online compartilhado: bloco no padrão dos passos, fundo claro */
.ckon-dash{padding:96px 0 0;background:#fff;scroll-margin-top:90px}
.ckon-dash .ck-head--split{margin-bottom:8px}
.ck .ckon-dash__step{background:transparent}
.ck .ckon-dash__step .ck-step__art{display:flex;flex-direction:column;gap:20px}
.ck .ckon-dash__more{margin:22px 0 0;color:var(--ck-body);font-size:16px;line-height:1.6;text-align:left}
.ck .ckon-dash__more a{color:var(--ck-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--ck-teal);text-decoration-thickness:2px;text-underline-offset:3px}
.ck .ckon-dash .ck-cta--mid{margin-top:24px}
@media (max-width:640px){.ckon-dash{padding-top:64px}}
/* Destaque (Rede PitStop): selo do logo mais baixo, para o destaque crescer no máximo ~40 px com logo e foto */
.ck.ckon .ck-hl__logo{display:flex;margin:0 0 6px;line-height:0}
.ck.ckon .ck-hl__logo .ck-case__logo{min-height:0;padding:6px 12px}
.ck.ckon .ck-hl__logo .ck-case__logo img{max-height:24px}
.ck.ckon .ck-hl__q figcaption{align-items:center}

.ck.ckon .ck-hl__logo{margin-bottom:0}
.ck.ckon .ck-hl__logo .ck-case__logo{padding:6px 12px}
.ck.ckon .ck-hl__logo.ck-case__brand--logo{min-height:0}

/* Como criar um checklist online: 6 passos em cartões numerados */
.ckon-criar{padding:96px 0;background:#fff;scroll-margin-top:90px}
.ck .ckon-criar__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:48px 0 0!important;padding:0!important;list-style:none;counter-reset:none}
.ck .ckon-criar__it{margin:0;padding:26px 24px 24px;border:1px solid var(--ck-line);border-radius:20px;background:#fff;box-shadow:0 30px 60px -52px rgba(3,45,96,.45)}
.ckon-criar__n{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border-radius:12px;background:var(--ck-teal);color:#fff;font-size:16px;font-weight:700}
.ck .ckon-criar__it .ck-lt{margin:0 0 8px;font-size:1.2rem!important;line-height:1.3!important}
.ck .ckon-criar__it p{margin:0;color:var(--ck-body);font-size:16px;line-height:1.6;text-align:left}
.ckon-criar__foot{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;margin-top:32px;padding:22px 26px;border-radius:20px;background:var(--ck-tint)}
.ck .ckon-criar__foot p{max-width:720px;margin:0;color:var(--ck-body);font-size:16px;line-height:1.6;text-align:left}
.ck .ckon-criar__foot a:not(.mc-btn){color:var(--ck-ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--ck-teal);text-decoration-thickness:2px;text-underline-offset:3px}
.ck .ckon-criar__btn{flex:0 0 auto;min-height:52px;padding:12px 22px}
@media (max-width:991px){.ck .ckon-criar__grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px!important}.ckon-criar__foot{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){.ckon-criar{padding:64px 0}.ck .ckon-criar__grid{grid-template-columns:minmax(0,1fr);gap:12px}.ck .ckon-criar__it{padding:20px 18px}.ckon-criar__n{width:38px;height:38px;margin-bottom:12px}.ck .ckon-criar__btn{width:100%}}
@media (max-width:640px){
.ckon-rail{grid-template-columns:minmax(0,1fr)!important}
.ckon .ck-case:nth-child(2),.ckon .ck-case:nth-child(3){display:flex}
.ckon .ck-hl__nums dd{min-width:112px;white-space:nowrap}
}
/* ===== rodada 11 (30/09) sem vazio: nenhuma coluna curta ao lado de outra muito mais alta (teto de 80 px em 1440 e 1920).
   Passos: número, título e parágrafo ao lado de duas telas reais (ou de uma tela na largura certa) e os itens numa faixa de duas colunas embaixo,
   como em /produtos/gestao-de-projetos. Case em destaque: o contexto do case desce para a coluna da foto. Classes novas desta página ===== */
.ckon-step--duo .ck-step__txt{padding-top:4px}
.ck .ckon-step--duo .ck-art--duo,.ck .ck-art--duo{position:relative;top:auto}
.ck .ck-hl__media .ckon-case__ctx--media{margin:24px 4px 0}
@media (min-width:992px){.ckon .ck-hl{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
@media (min-width:992px){.ck .ck-step--rev .ckon-solo{margin:0}}
@media (max-width:991px){.ckon-step--duo .ck-step__txt{padding-top:0}.ck .ckon-step--duo .ck-art--duo{max-width:680px}}
.ckon-pair{position:relative;margin:0;padding-bottom:calc(var(--r2) * var(--sw) * var(--dy) + 28px * var(--dy) + 14px)}
.ck .ckon-pair>.ck-duo__a{position:relative;z-index:1;width:var(--mw);margin:0}
.ck .ckon-pair>.ck-duo__b{position:absolute;right:0;bottom:0;z-index:2;width:var(--sw);margin:0}
.ck .ckon-pair--rev>.ck-duo__a{margin-left:auto}
.ck .ckon-pair--rev>.ck-duo__b{right:auto;left:0}
.ck .ckon-pair .ck-duo__a .ck-win{box-shadow:0 36px 70px -36px rgba(3,45,96,.42)}
.ck .ckon-pair .ck-duo__b .ck-win{box-shadow:0 0 0 6px rgba(255,255,255,.92),0 30px 60px -22px rgba(3,45,96,.5),0 8px 18px -10px rgba(3,45,96,.25)}
.ck .ckon-band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 64px;margin:64px 0 0!important;padding:0!important}
.ck .ckon-band--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 48px}
.ck .ckon-band li{position:relative;margin:0;padding:26px 0 0!important;border-top:1px solid var(--ck-line)}
.ckon-band li::before{content:"";position:absolute;top:-1px;left:0;width:56px;height:2px;border-radius:2px;background:var(--ck-teal)}
.ck .ckon-solo{width:var(--mw);margin:0 0 0 auto}
@media (max-width:991px){.ck .ckon-band,.ck .ckon-band--3{grid-template-columns:minmax(0,1fr);gap:0;margin:40px 0 0!important}.ck .ckon-band li{padding:22px 0!important}.ck .ckon-band li:last-child{padding-bottom:0!important}.ck .ckon-solo{width:100%}}
@media (max-width:767px){.ckon-pair{--mw:90%!important;--sw:58%!important}.ck .ckon-pair .ck-duo__b .ck-win{box-shadow:0 0 0 4px rgba(255,255,255,.92),0 20px 40px -18px rgba(3,45,96,.5)}}
@media (max-width:479px){.ckon-pair{padding-bottom:0}.ck .ckon-pair>.ck-duo__a{width:100%}.ck .ckon-pair>.ck-duo__b{display:none}}
.ck .ckon-dash__step .ck-step__art.ck-art--duo{display:block}
/*aurea*/html body .mc.ck .ckon-criar{padding-top:89px!important;padding-bottom:89px!important}@media (max-width:640px){html body .mc.ck .ckon-criar{padding-top:55px!important;padding-bottom:55px!important}}html body .mc.ck .ckon-dash{padding-top:89px!important;padding-bottom:0px!important}@media (max-width:640px){html body .mc.ck .ckon-dash{padding-top:55px!important}}html body .mc.ck :is(.ckon-criar,.ckon-dash) .mc-eyebrow{font-size:var(--a-cap)!important;line-height:var(--a-lh-cap)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .mc-h2{margin-top:var(--s2)!important;font-size:var(--a-h2)!important;line-height:var(--a-lh-h2)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-lead{max-width:var(--a-measure)!important;font-size:var(--a-lead)!important;line-height:var(--a-lh-body)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-lt{font-size:var(--a-h4)!important;line-height:var(--a-lh-h4)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-micro{margin-top:var(--s2)!important;line-height:var(--a-lh-cap)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .mc-btn,html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-btn--wa{font-size:var(--a-body)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-btn--xl,html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-btn--wa{min-height:55px!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .mc-btn,html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-btn--wa{border-radius:8px!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-win{border-radius:13px!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-step{padding-top:var(--s6)!important;padding-bottom:var(--s6)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-cta--mid{padding-top:var(--s5)!important;padding-bottom:var(--s6)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-step__title{font-size:var(--a-h3)!important;line-height:var(--a-lh-h3)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-step__p{margin-top:var(--s3)!important;font-size:var(--a-body)!important;line-height:var(--a-lh-body)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-list li:last-child{padding-bottom:0!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-list p{margin-top:var(--s1)!important;font-size:var(--a-body)!important;line-height:var(--a-lh-body)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-cta--mid .mc-cta__box{padding:var(--s4) var(--s5)!important;gap:var(--s4)!important;border-radius:21px!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-cta--mid .ck-cta__h{font-size:var(--a-h3)!important;line-height:var(--a-lh-h3)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-cta--mid .mc-cta__txt p{margin-top:var(--s2)!important;font-size:var(--a-body)!important;line-height:var(--a-lh-body)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-micro--light,html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-micro--light span{font-size:var(--a-cap-dk)!important}@media (min-width:992px){html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-head--split{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr)!important;gap:var(--s5)!important}}@media (max-width:991px){html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-head--split{gap:var(--s3)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-step{padding-top:var(--s5)!important;padding-bottom:var(--s5)!important}html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-cta--mid .mc-cta__box{padding:var(--s4) var(--s3)!important;gap:var(--s3)!important}}@media (max-width:640px){html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-cta--mid{padding-top:var(--s4)!important;padding-bottom:var(--s5)!important}}@media (min-width:1100px){html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-step__grid{grid-template-columns:minmax(0,45fr) minmax(0,55fr)!important;gap:var(--s6)!important}}@media (max-width:1099px){html body .mc.ck :is(.ckon-criar,.ckon-dash) .ck-step__grid{gap:var(--s4)!important}}html body .mc.ck .ckon-case__ctx{padding:var(--s2)!important;border-radius:13px!important;font-size:var(--a-cap-dk)!important;line-height:var(--a-lh-body)!important}html body .mc.ck .ckon-case__ctx span{margin-bottom:var(--s1)!important;font-size:var(--a-cap)!important;line-height:var(--a-lh-cap)!important}html body .mc.ck .ckon-dash__step .ck-step__art{gap:var(--s3)!important}html body .mc.ck .ckon-dash__more{margin-top:var(--s3)!important;font-size:var(--a-body)!important;line-height:var(--a-lh-body)!important}html body .mc.ck .ckon-dash .ck-cta--mid{margin-top:var(--s3)!important}html body .mc.ck .ck-list.ckon-band{gap:var(--s4) var(--s5)!important;margin-top:var(--s5)!important}html body .mc.ck .ck-list.ckon-band li{padding-top:var(--s3)!important;padding-bottom:0!important}@media (max-width:767px){html body .mc.ck .ck-list.ckon-band{gap:0!important;margin-top:var(--s4)!important}html body .mc.ck .ck-list.ckon-band li{padding-top:var(--s3)!important;padding-bottom:var(--s3)!important}}html body .mc.ck.ckon .ck-proof .ck-hl__logo{margin-bottom:0px!important}html body .mc.ck .ckon-hero__model{margin-top:var(--s1)!important}html body .mc.ck .ckon-hero__model a{gap:var(--s1)!important;font-size:var(--a-cap-dk)!important}html body .mc.ck .ckon-criar__grid{gap:var(--s2)!important;margin-top:var(--s5)!important}html body .mc.ck .ckon-criar__it{padding:var(--s4) var(--s3) var(--s3)!important;border-radius:21px!important}html body .mc.ck .ckon-criar__n{margin-bottom:var(--s2)!important;border-radius:13px!important}html body .mc.ck .ckon-criar__it .ck-lt{margin-bottom:var(--s1)!important;font-size:var(--a-h4)!important;line-height:var(--a-lh-h4)!important}html body .mc.ck .ckon-criar__it p{font-size:var(--a-body)!important;line-height:var(--a-lh-body)!important}html body .mc.ck .ckon-criar__foot{gap:var(--s3) var(--s4)!important;margin-top:var(--s4)!important;padding:var(--s3) var(--s4)!important;border-radius:21px!important}html body .mc.ck .ckon-criar__foot p{max-width:var(--a-measure)!important;font-size:var(--a-body)!important;line-height:var(--a-lh-body)!important}html body .mc.ck .ckon-criar__btn{min-height:55px!important;padding:var(--s2) var(--s3)!important}@media (max-width:991px){html body .mc.ck .ckon-criar__grid{margin-top:var(--s4)!important}}@media (max-width:640px){html body .mc.ck .ckon-criar__it,html body .mc.ck .ckon-criar__foot{padding:var(--s3)!important}}