/* /produtos/checklist/aplicativo-de-checklist (v2, lote 4). Carregado depois de checklist-v2.css (pai, sem edição).
   Prefixo .cka-: link do topo para o app, bloco "app por dentro" (3 celulares com telas reais recortadas por CSS), quem usa, contexto dos cases e ajustes da subpágina. */

/* Topo: link para o app por dentro e celular com tela inteira (quando a tela nova do app chegar) */
.ck .cka-hero__app{margin:10px 0 0}
.cka-hero__app 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}
.cka-hero__app a svg{color:var(--ck-teal)}
.cka-hero__app a:hover{color:#fff}
.ck .cka-phone--full .ck-phone__scr img{width:100%;max-width:100%;height:100%;margin:0;object-fit:cover;object-position:top}
@media (min-width:992px){.ck.cka .ck-hero__title span{white-space:nowrap}}
@media (min-width:992px) and (max-width:1199px){.ck .cka-hero__app{display:none}.ck.cka .ck-hero__art{padding-bottom:20px!important}.ck.cka .ck-stats{margin-top:28px!important}}
@media (max-width:767px){
.ck .cka-hero__app{display:none}
.ck.cka .ck-hero .mc-eyebrow{letter-spacing:.06em}
.ck.cka .ck-stats span{font-size:.9rem;line-height:1.35}
}
/* Janela do topo: painel 1280x830 recortado no topo na proporção de navegador, como a irmã checklist-para-loja */
.ck.cka .ck-hero__win .ck-win--main picture{aspect-ratio:1200/651;overflow:hidden}
.ck.cka .ck-hero__win .ck-win--main img{width:100%;height:100%;object-fit:cover;object-position:top center}
@media (min-width:992px){.ck.cka .ck-hero__win{margin-bottom:72px}}
@media (max-width:767px){.ck.cka .ck-hero__win .ck-win--main picture{aspect-ratio:1200/560}.ck.cka .ck-hero__art{padding-bottom:40px!important}}

/* Definição sem imagem grande: CTA leve alinhado à grade */
.cka-def .ck-soft{max-width:none;margin-top:48px}
.ck .cka-def .ck-soft__wa{min-height:48px;padding:10px 20px;border:2px solid var(--ck-teal);border-radius:10px;text-decoration:none}
.ck .cka-def .ck-soft__wa:hover{background:var(--ck-teal);color:#fff}
.ck .cka-def .ck-soft__wa:hover svg{color:#fff}

/* O app por dentro */
.cka-app{padding:96px 0;background:#fff;scroll-margin-top:90px}
.cka-app__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:center}
.cka-app .mc-h2{margin-bottom:0}
.ck .cka-app__txt .ck-lead{margin-top:18px}
.cka-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin:32px 0 0!important;padding:0!important}
.cka-feat{display:flex;gap:14px;align-items:flex-start;margin:0}
.cka-feat__ic{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:var(--ck-tint);color:var(--ck-ink)}
.cka-feat__ic svg{color:#08827c}
.ck .cka-feat__h{margin:0 0 4px;color:var(--ck-ink);font-size:1.05rem;font-weight:700;line-height:1.35;text-align:left}
.ck .cka-feat p{margin:0;color:var(--ck-body);font-size:.95rem;line-height:1.55;text-align:left}
.ck .cka-app__cta{margin:32px 0 0}
.ck .cka-app__cta .mc-btn{min-height:52px;padding:12px 22px}

.cka-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:620px;padding:48px 16px;border-radius:28px;background:radial-gradient(120% 90% at 50% 0%,#15456f 0%,#032d60 55%,#021f44 100%);box-shadow:0 50px 90px -60px rgba(3,45,96,.8);overflow:hidden}
.cka-stage::before{content:"";position:absolute;inset:auto -10% -40% -10%;height:60%;background:radial-gradient(closest-side,rgba(0,172,172,.35),rgba(0,172,172,0));pointer-events:none}
.cka-phone{position:relative;flex:0 0 auto;width:172px;padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:#0f1722;box-shadow:0 34px 60px -22px rgba(0,0,0,.75)}
.cka-phone--main{z-index:2;width:232px}
.cka-phone--b{z-index:1;margin-right:-56px;transform:translateY(24px) rotate(-4deg)}
.cka-phone--c{z-index:1;margin-left:-56px;transform:translateY(24px) rotate(4deg)}
.cka-phone__bar{position:relative;display:block;height:24px;border-radius:24px 24px 0 0;background:#2b4156}
.cka-phone__bar::before{content:"";position:absolute;left:50%;top:6px;width:30%;height:13px;border-radius:10px;background:#05080d;transform:translateX(-50%)}
.cka-phone--c .cka-phone__bar{background:#2fb27e}
.cka-phone__scr{position:relative;overflow:hidden;aspect-ratio:46/100;border-radius:0 0 24px 24px;background:#fff}
.cka-phone__scr picture{display:block}
.cka-phone__scr img{display:block;max-width:none;height:auto}
/* recortes das telas reais (sem arquivo novo): A e B em checklist-app-campo 1200x1200, C em consultoria-de-campo-mobile 1280x830 */
.cka-phone--a .cka-phone__scr img{width:226.415%;margin:-6.792% 0 0 -3.208%}
.cka-phone--b .cka-phone__scr img{width:227.273%;margin:-6.818% 0 0 -123.864%}
.cka-phone--c .cka-phone__scr img{width:341.333%;margin:-3.8% 0 0 -241.333%}
.cka-phone--new .cka-phone__scr img{width:100%;height:100%;margin:0;object-fit:cover;object-position:top}

/* Como funciona com 3 passos */
.cka-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ck .ck-step__txt .ck-list 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}

/* Quem usa: cartões em grade */
.cka-roles{padding:96px 0;background:var(--ck-soft);border-top:1px solid var(--ck-line);border-bottom:1px solid var(--ck-line);scroll-margin-top:90px}
.ck .cka-roles__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;grid-auto-rows:auto}
.ck .cka-role{grid-template-columns:minmax(0,1fr);align-items:start;align-content:start;gap:12px;padding:24px}
.ck .cka-role p{margin:0;color:var(--ck-body);font-size:.95rem;line-height:1.6;text-align:left}
.ck .cka-role p a,.ck .cka-roles .ck-lead 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 .cka-role p a:hover,.ck .cka-roles .ck-lead a:hover{color:#08827c}

/* Cartões dos cases: narração marcada como contexto do case, separada da citação literal */
.ck .cka-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}
.cka-case__ctx span{display:block;margin-bottom:4px;color:var(--ck-teal);font-size:.9rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.ck .ck-hl__body .cka-case__ctx{margin:0 0 24px}
@media (min-width:1181px){.ck .cka-cases{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Responsivo */
@media (max-width:1180px){.cka-app__grid{gap:40px}.cka-phone{width:146px}.cka-phone--main{width:196px}}
@media (max-width:1100px){.ck .cka-roles__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:991px){
.cka-app__grid{grid-template-columns:minmax(0,1fr);gap:0}
.cka-app__txt{display:contents}
.cka-app__txt>.mc-eyebrow,.cka-app .mc-h2,.cka-app__txt>.ck-lead{order:1}
.cka-stage{order:2;margin-top:32px}
.cka-feats{order:3}
.cka-app__cta{order:4}
.cka-phone{width:190px}.cka-phone--main{width:236px}
}
@media (max-width:640px){
.cka-app,.cka-roles{padding:64px 0}
.cka-feats{grid-template-columns:minmax(0,1fr);gap:18px}
.ck .cka-app__cta .mc-btn{width:100%;justify-content:center}
.cka-stage{min-height:0;padding:32px 8px;border-radius:22px}
.cka-phone{width:31%;padding:3px;border-radius:16px}
.cka-phone--main{width:40%}
.cka-phone--b{margin-right:-7%}
.cka-phone--c{margin-left:-7%}
.cka-phone__bar{height:14px;border-radius:13px 13px 0 0}
.cka-phone__bar::before{top:4px;height:7px;border-radius:6px}
.cka-phone__scr{border-radius:0 0 13px 13px}
.ck .cka-roles__list{grid-template-columns:minmax(0,1fr)}
.ck .cka-role{padding:20px}
.cka-rail{grid-template-columns:minmax(0,1fr)!important}
.cka .ck-case:nth-child(1),.cka .ck-case:nth-child(2){display:flex}
.cka .ck-case:nth-child(3){display:none}
.cka .ck-hl__nums dd{min-width:112px;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){.cka-phone{transition:none!important}}
/* 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}}
/* ===== 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 com o texto curto ao lado de duas telas reais e os itens numa faixa embaixo; recursos do app numa faixa embaixo; contexto do case na coluna da foto ===== */
.cka-step--duo .ck-step__txt{padding-top:4px}
.ck .cka-step--duo .ck-art--duo{position:relative;top:auto}
.ck .cka-band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 64px;margin:64px 0 0!important;padding:0!important}
.ck .cka-band li{position:relative;margin:0;padding:26px 0 0!important;border-top:1px solid var(--ck-line)}
.cka-band li::before{content:"";position:absolute;top:-1px;left:0;width:56px;height:2px;border-radius:2px;background:var(--ck-teal)}
/* composição: a principal no alto e a segunda menor, sobreposta e deslocada para baixo e para o canto oposto; a altura extra sai da proporção real da segunda tela */
.cka-pair{position:relative;margin:0;padding-bottom:calc(var(--r2) * var(--sw) * var(--dy) + 28px * var(--dy) + 14px)}
.ck .cka-pair>.ck-duo__a{position:relative;z-index:1;width:var(--mw);margin:0}
.ck .cka-pair>.ck-duo__b{position:absolute;right:0;bottom:0;z-index:2;width:var(--sw);margin:0}
.cka-pair--rev>.ck-duo__a{margin-left:auto!important}
.ck .cka-pair--rev>.ck-duo__b{right:auto;left:0}
.ck .cka-pair .ck-duo__a .ck-win{box-shadow:0 36px 70px -36px rgba(3,45,96,.42)}
.ck .cka-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 .cka-feats--band{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 48px;margin:64px 0 0!important}
.cka-feats--band .cka-feat{position:relative;padding-top:24px;border-top:1px solid #e3eef0}
.cka-feats--band .cka-feat::before{content:"";position:absolute;top:-1px;left:0;width:56px;height:2px;border-radius:2px;background:var(--ck-teal)}
.ck .ck-hl__media .cka-case__ctx--media{margin:24px 4px 0}
@media (min-width:992px){
.cka-app__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.cka-stage{min-height:0;padding:26px 16px}
.cka-phone{width:160px}.cka-phone--main{width:214px}
.cka-phone--b{margin-right:-22px}.cka-phone--c{margin-left:-22px}
.ck-hl{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
}
@media (max-width:991px){
.cka-step--duo .ck-step__txt{padding-top:0}
.ck .cka-band{grid-template-columns:minmax(0,1fr);gap:0;margin:40px 0 0!important}
.ck .cka-band li{padding:22px 0!important}
.ck .cka-band li:last-child{padding-bottom:0!important}
.ck .cka-feats--band{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin:40px 0 0!important}
.ck .cka-step--duo .ck-art--duo{max-width:680px}
}
@media (max-width:640px){.ck .cka-feats--band{grid-template-columns:minmax(0,1fr);gap:0}.cka-feats--band .cka-feat{padding:20px 0}}
@media (max-width:767px){.cka-pair{--mw:90%!important;--sw:58%!important}.ck .cka-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){.cka-pair{padding-bottom:0}.ck .cka-pair>.ck-duo__a{width:100%}.ck .cka-pair>.ck-duo__b{display:none}}

/*aurea*/html body .mc.ck :is(.cka-app,.cka-roles) .mc-eyebrow{font-size:var(--a-cap)!important;line-height:var(--a-lh-cap)!important}html body .mc.ck :is(.cka-app,.cka-roles) .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(.cka-app,.cka-roles) .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(.cka-app,.cka-roles) .mc-btn{font-size:var(--a-body)!important;border-radius:8px!important}@media (min-width:992px){html body .mc.ck :is(.cka-app,.cka-roles) .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(.cka-app,.cka-roles) .ck-head--split{gap:var(--s3)!important}}html body .mc.ck :is(.cka-app,.cka-roles) .ck-objs{margin-top:var(--s5)!important}html body .mc.ck :is(.cka-app,.cka-roles) .ck-obj{border-radius:21px!important}html body .mc.ck :is(.cka-app,.cka-roles) .ck-obj__top{gap:var(--s2)!important}html body .mc.ck :is(.cka-app,.cka-roles) .ck-obj__ic{border-radius:13px!important}html body .mc.ck :is(.cka-app,.cka-roles) .ck-obj__h{font-size:var(--a-h4)!important;line-height:var(--a-lh-h4)!important}html body .mc.ck :is(.cka-app,.cka-roles) .ck-obj p{line-height:var(--a-lh-body)!important}@media (min-width:641px) and (max-width:1180px){html body .mc.ck :is(.cka-app,.cka-roles) .ck-obj{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr)!important}}html body .mc.ck.cka .cka-app{padding:89px 0!important}html body .mc.ck.cka .cka-app__grid{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr)!important;gap:55px!important}html body .mc.ck.cka .cka-app__txt .ck-lead{margin-top:21px!important}html body .mc.ck.cka .cka-feat{gap:13px!important}html body .mc.ck.cka .cka-feat__ic{border-radius:13px!important}html body .mc.ck.cka .cka-feat__h{font-size:var(--a-h4)!important;line-height:var(--a-lh-h4)!important}html body .mc.ck.cka .cka-feat p{font-size:var(--a-body)!important;line-height:var(--a-lh-body)!important}html body .mc.ck.cka .cka-app__cta{margin:34px 0 0!important}html body .mc.ck.cka .cka-app__cta .mc-btn{padding:13px 21px!important}html body .mc.ck.cka .cka-stage{padding:21px 13px!important;border-radius:21px!important}html body .mc.ck.cka .cka-phone{padding:8px!important;border-radius:21px!important}html body .mc.ck.cka .cka-phone--b{margin-right:-22px!important}html body .mc.ck.cka .cka-phone--c{margin-left:-22px!important}html body .mc.ck.cka .cka-phone__bar{border-radius:21px 21px 0 0!important}html body .mc.ck.cka .cka-phone__bar::before{border-radius:8px!important}html body .mc.ck.cka .cka-phone__scr{border-radius:0 0 21px 21px!important}html body .mc.ck.cka .cka-phone--a .cka-phone__scr img{margin:-6.792% 0 0 -3.208%!important}html body .mc.ck.cka .cka-phone--b .cka-phone__scr img{margin:-6.818% 0 0 -123.864%!important}html body .mc.ck.cka .cka-phone--c .cka-phone__scr img{margin:-3.8% 0 0 -241.333%!important}html body .mc.ck.cka .cka-roles{padding:89px 0!important}html body .mc.ck.cka .cka-roles__list{gap:13px!important}html body .mc.ck.cka .cka-role{grid-template-columns:minmax(0,1fr)!important;gap:13px!important;padding:21px!important}html body .mc.ck.cka .cka-role p{font-size:var(--a-body)!important;line-height:var(--a-lh-body)!important}html body .mc.ck.cka .cka-case__ctx{font-size:var(--a-cap-dk)!important;margin:13px 0 0!important;padding:13px 13px!important;border-radius:13px!important;line-height:var(--a-lh-body)!important}html body .mc.ck.cka .cka-case__ctx span{font-size:var(--a-cap)!important}@media (max-width:1180px){html body .mc.ck.cka .cka-app__grid{gap:34px!important}}@media (max-width:991px){html body .mc.ck.cka .cka-app__grid{grid-template-columns:minmax(0,1fr)!important;gap:0!important}html body .mc.ck.cka .cka-stage{margin-top:34px!important}}@media (max-width:640px){html body .mc.ck.cka .cka-app,html body .mc.ck.cka .cka-roles{padding:55px 0!important}html body .mc.ck.cka .cka-stage{padding:34px 8px!important;border-radius:21px!important}html body .mc.ck.cka .cka-phone{padding:3px!important;border-radius:13px!important}html body .mc.ck.cka .cka-phone--b{margin-right:-7%!important}html body .mc.ck.cka .cka-phone--c{margin-left:-7%!important}html body .mc.ck.cka .cka-phone__bar{border-radius:13px 13px 0 0!important}html body .mc.ck.cka .cka-phone__bar::before{border-radius:8px!important}html body .mc.ck.cka .cka-phone__scr{border-radius:0 0 13px 13px!important}html body .mc.ck.cka .cka-role{padding:21px!important}}html body .mc.ck.cka .cka-feats--band{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px 55px!important;margin:55px 0 0!important}html body .mc.ck.cka .cka-feats--band .cka-feat{padding-top:21px!important}html body .mc.ck.cka .ck-hl__media .cka-case__ctx--media{margin:21px 4px 0!important}@media (min-width:992px){html body .mc.ck.cka .cka-app__grid{grid-template-columns:minmax(0,45fr) minmax(0,55fr)!important}}@media (max-width:991px){html body .mc.ck.cka .cka-feats--band{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px 34px!important;margin:34px 0 0!important}}@media (max-width:640px){html body .mc.ck.cka .cka-feats--band{grid-template-columns:minmax(0,1fr)!important;gap:0!important}html body .mc.ck.cka .cka-feats--band .cka-feat{padding:21px 0!important}}