/* R17 · Home com o deck comercial do iSol Cases (2026-10-16). Três blocos novos, sem mexer nos 9 blocos da R16:
   #custo (quanto custa + IA no chat × IA na operação), #funcionario (Assist × Expert como crachás) e #oferta
   (investimento, cronograma, garantia, prova e aplicação). Só tokens do tema preto executivo; sem cor nem fonte nova. */
.r17-hl{color:var(--cyan)}
.r17-hl2{color:var(--cyan)}
.r17-k{margin:0 0 8px;font-family:var(--f-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--on-dark-mut)}
.r17-nota{max-width:88ch;margin:12px 0 0;font-size:13.5px;line-height:1.55;color:var(--on-dark-soft)}
.r17-h3{margin:40px 0 16px;font-family:var(--f-display);font-size:clamp(20px,2.2vw,26px);line-height:1.25;color:var(--on-dark)}

/* hero: linha da oferta embaixo dos CTAs */
.r17-hero-of{margin:14px 0 0;font-size:14px;line-height:1.45}
.r17-hero-of a{color:var(--on-dark-soft);text-decoration:none;border-bottom:1px dashed var(--line-exec)}
.r17-hero-of a:hover,.r17-hero-of a:focus-visible{color:var(--on-dark);border-bottom-color:var(--cyan)}
.r17-hero-of b{color:var(--cyan)}

/* #custo: calculadora */
.r17-calc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:stretch}
.r17-in{display:grid;gap:10px;padding:18px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-2)}
.r17-in label{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:12px;font-size:14px;color:var(--on-dark-soft)}
.r17-in input{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line-exec);border-radius:10px;background:var(--bg-1);color:var(--on-dark);font:600 16px/1.2 var(--f-mono);text-align:right}
.r17-in input:focus-visible{outline:2px solid var(--cyan);outline-offset:1px;border-color:var(--cyan)}
.r17-out{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:22px 24px;border:1px solid var(--cyan);border-radius:var(--radius);background:var(--bg-1)}
.r17-out p{margin:0}
.r17-out .r17-out-k{margin-top:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--on-dark-mut)}
.r17-out .r17-out-k:first-child{margin-top:0}
.r17-out b{font-family:var(--f-display);color:var(--on-dark)}
.r17-out span{color:var(--on-dark-soft);font-size:15px}
.r17-out-h b,.r17-out-m b{font-size:clamp(24px,2.6vw,30px)}
.r17-out-a b{font-size:clamp(34px,4.4vw,52px);line-height:1.05;color:var(--cyan)}
.r17-out-n{margin-top:12px!important;font-size:14px;color:var(--on-dark-soft)}
.r17-tese{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.r17-tese-c{display:grid;gap:6px;padding:18px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-2);color:var(--on-dark-soft);font-size:14px;line-height:1.5}
.r17-tese-c b{font-family:var(--f-display);font-size:20px;color:var(--on-dark)}
.r17-op{border-color:var(--cyan)}
.r17-op b{color:var(--cyan)}
.r17-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:22px 0 0}
@media (max-width:860px){.r17-calc,.r17-tese{grid-template-columns:1fr}}
@media (max-width:420px){.r17-in label{grid-template-columns:minmax(0,1fr) 96px}}

/* #funcionario: crachás Assist × Expert */
.r17-crs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.r17-cr{padding:20px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-2);color:var(--on-dark)}
.r17-cr-e{border-color:var(--cyan)}
.r17-cr header{display:flex;align-items:center;gap:14px}
.r17-cr header img{width:72px;height:75px;object-fit:contain;flex:none}
.r17-cr header div{display:grid;gap:2px;flex:1;min-width:0}
.r17-cr header b{font-family:var(--f-display);font-size:20px}
.r17-cr header span{color:var(--on-dark-soft);font-size:15px}
.r17-st{flex:none;font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--cyan);border:1px solid rgba(52,195,240,.4);border-radius:999px;padding:3px 9px}
.r17-tipo{margin:14px 0 10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--cyan)}
.r17-cr dl{margin:0;display:grid;gap:8px}
.r17-cr dl div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding-top:8px;border-top:1px solid var(--line-exec);font-size:14px;line-height:1.4}
.r17-cr dt{color:var(--on-dark-mut)}
.r17-cr dd{margin:0;color:var(--on-dark)}
.r17-fecho{margin:20px 0 0;font-family:var(--f-display);font-size:clamp(18px,2vw,22px);line-height:1.35;color:var(--on-dark-soft)}
.r17-fecho b{color:var(--on-dark)}
.r17-fecho .r17-hl2{color:var(--cyan)}
@media (max-width:760px){.r17-crs{grid-template-columns:1fr}}

/* #oferta: investimento, cronograma, garantia */
.r17-of-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.r17-preco,.r17-inc{padding:22px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-2)}
.r17-preco{border-color:var(--cyan);background:var(--bg-1)}
.r17-preco p{margin:0}
.r17-preco-v{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.r17-preco-v b{font-family:var(--f-display);font-size:clamp(44px,5.4vw,64px);line-height:1;color:var(--cyan)}
.r17-preco-v span{font-family:var(--f-display);font-size:22px;color:var(--on-dark)}
.r17-preco-d{margin-top:10px!important;color:var(--on-dark);font-size:15px}
.r17-co{display:flex;gap:10px;align-items:flex-start;margin-top:16px!important;padding:12px 14px;border:1px solid var(--line-exec);border-radius:12px;color:var(--on-dark);font-size:14px;line-height:1.45}
.r17-co .x-ico,.r17-inc .x-ico{width:20px;height:20px;flex:none;stroke:var(--cyan)}
.r17-preco-n{margin-top:8px!important;font-size:13px;color:var(--on-dark-soft)}
.r17-ancora{margin-top:16px!important;font-family:var(--f-display);font-size:17px;line-height:1.4;color:var(--on-dark)}
.r17-inc ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.r17-inc li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4;color:var(--on-dark)}
.r17-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.r17-tl li{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 14px;border:1px solid var(--line-exec);border-radius:var(--radius-sm);background:var(--bg-2)}
.r17-tl li:not(:last-child)::after{content:"";position:absolute;top:28px;right:-12px;width:12px;height:2px;background:var(--line-exec)}
.r17-tl small{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--cyan)}
.r17-tl b{font-family:var(--f-display);font-size:16px;line-height:1.3;color:var(--on-dark)}
.r17-tl span{font-size:13.5px;line-height:1.45;color:var(--on-dark-soft)}
.r17-tl li:nth-child(4){border-color:var(--cyan)}
.r17-gate{align-self:flex-start;margin-top:6px;font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--cyan);border:1px solid rgba(52,195,240,.4);border-radius:999px;padding:2px 8px}
.r17-gar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.r17-gar li{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-2)}
.r17-gar .x-ico{width:26px;height:26px;stroke:var(--cyan)}
.r17-gar small{font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--on-dark-mut)}
.r17-gar b{font-family:var(--f-display);font-size:19px;color:var(--on-dark)}
.r17-gar span{font-size:14px;line-height:1.5;color:var(--on-dark-soft)}
.r17-prova{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin:32px 0 0;padding:16px 20px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-1);color:var(--on-dark);text-decoration:none}
.r17-prova:hover,.r17-prova:focus-visible{border-color:var(--cyan)}
.r17-prova .r17-k{margin:0;color:var(--cyan)}
.r17-prova-n{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--on-dark-soft)}
.r17-prova-n b{font-family:var(--f-display);font-size:22px;color:var(--on-dark)}
.r17-prova i{margin-left:auto;font-style:normal;color:var(--cyan)}
.r17-of-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
@media (max-width:980px){
  .r17-tl{grid-template-columns:1fr;gap:10px}
  .r17-tl li:not(:last-child)::after{top:auto;bottom:-10px;right:auto;left:24px;width:2px;height:10px}
}
@media (max-width:860px){.r17-of-g,.r17-gar{grid-template-columns:1fr}}
@media (max-width:560px){.r17-of-cta .btn{width:100%;justify-content:center;text-align:center}.r17-prova i{margin-left:0}}
.r17-of h2 .r17-hl{display:block}
.r17-cr header{min-height:80px}
@media (max-width:560px){.r17-prova{flex-direction:column;align-items:flex-start;gap:8px}.r17-prova-n{flex-wrap:wrap}}

/* ---------- R56 (iSol Cases em foco): hero em 5 segundos ----------
   quem é (funcionário digital em produção), para quem (donos e diretores B2B), como (iSol Cases em 3 fatos),
   um CTA primário (→ /check/), um secundário (→ /isol-cases/) e uma prova curta com o case publicado. */
.r56-of { list-style: none; margin: 22px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 640px; }
.r56-of li { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border: 1px solid var(--line-exec); border-radius: 12px; background: rgba(255,255,255,.03); }
.r56-of b { font: 600 15px/1.25 var(--f-display); color: var(--white); }
.r56-of span { font-size: 13px; line-height: 1.35; color: var(--on-dark-soft); }
.r16-hero .hero-cta { margin-top: 24px; }
.r56-prova { margin: 18px 0 0; max-width: 600px; font-size: 14px; line-height: 1.5; color: var(--on-dark-soft); }
.r56-prova-k { display: inline-flex; align-items: center; gap: 6px; margin-right: 2px; font: 600 12px var(--f-mono); letter-spacing: .04em; text-transform: uppercase; color: #6ee7a0; }
.r56-prova-k::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 8px rgba(34,197,94,.7); }
.r56-prova .x-link { white-space: nowrap; }
@media (max-width: 760px) {
  .r56-of { grid-template-columns: 1fr; gap: 8px; margin-top: 18px; }
  .r56-of li { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; padding: 10px 12px; }
  .r56-of b { font-size: 14.5px; }
}
/* ponto de equilíbrio do investimento contra o custo calculado (#custo → #oferta) */
.r56-be { margin: 16px 0 0; padding: 14px 16px; border: 1px solid rgba(52,195,240,.28); border-radius: 12px; background: rgba(27,157,224,.07); }
.r56-be-k { margin: 0 0 4px; font: 500 12px var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--cyan); }
.r56-be-v { margin: 0; font-size: 15px; line-height: 1.45; color: var(--on-dark-soft); }
.r56-be-v b { font: 700 22px/1.2 var(--f-display); color: var(--white); }
.r56-be-n { margin: 6px 0 0; font-size: 13px; line-height: 1.45; color: var(--on-dark-mut); }
/* R56 · 390 px: o CTA primário precisa caber na 1ª tela (header + faixa + barra inferior ocupam ~170 px) */
@media (max-width: 760px) {
  .r16-hero { padding-top: 28px; }
  .r16-hero .eyebrow { margin-bottom: 12px; }
  .r16-hero .hero-sub { margin-top: 14px; font-size: 15.5px; line-height: 1.55; }
  .r56-of { gap: 6px; margin-top: 14px; }
  .r56-of li { padding: 8px 12px; }
  .r56-of span { font-size: 12.5px; }
  .r16-hero .hero-cta { margin-top: 16px; gap: 10px; }
}

/* W6-HOME (2026-10-17, plano mestre 90d ponto 6): Home em 11 blocos. #vaga (05), Antes × Depois no topo de #processo (06),
   #case (09) e o CTA final (11). Só tokens do tema; sem cor nem fonte nova. */
.w6-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:24px 0 0}
.w6-cta-n{color:var(--on-dark-soft);font-size:14px}
.w6-final{margin:0 0 28px}
.w6-sel-h{margin:0 0 4px}
.w6-sel-k{margin:0;font-size:14px;color:var(--on-dark-soft)}

/* 06 · Antes × Depois */
.w6-ad{display:grid;gap:14px;margin:0 0 40px}
.w6-ad-row{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px 18px;padding:18px 20px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-1)}
.w6-ad-depois{border-color:var(--cyan)}
.w6-ad-k{margin:0;font:500 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-mut)}
.w6-ad-depois .w6-ad-k{color:var(--cyan)}
.w6-ad-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.w6-ad-flow li{display:flex;align-items:center;gap:8px}
.w6-ad-flow li span{display:inline-block;padding:7px 12px;border:1px solid var(--line-exec);border-radius:999px;background:var(--bg-2);color:var(--on-dark);font-size:14px;line-height:1.2}
.w6-ad-flow li+li::before{content:"→";color:var(--on-dark-mut)}
.w6-ad-antes .w6-ad-p span{border-style:dashed}
.w6-ad-depois .w6-ad-a span{border-color:var(--cyan);color:var(--cyan)}
.w6-ad-depois .w6-ad-h span{border-style:dashed}
.w6-ad-depois .w6-ad-c span{background:var(--cyan);border-color:var(--cyan);color:var(--bg-0);font-weight:600}
.w6-ad-d{grid-column:2;margin:0;font-size:14px;line-height:1.5;color:var(--on-dark-soft)}
.w6-pr-k{margin-top:0}
.w6-pr-h3{margin-top:0}
@media (max-width:560px){.w6-ad-row{grid-template-columns:1fr;padding:16px}.w6-ad-d{grid-column:1}}

/* 09 · Um case */
.w6-case-tag{color:var(--on-dark-soft)}
.w6-case-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:stretch}
.w6-case-fl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.w6-case-fl li{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-2)}
.w6-case-fl li.w6-case-h{border-color:var(--cyan)}
.w6-case-fl small{font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-mut)}
.w6-case-fl b{font-family:var(--f-display);font-size:17px;color:var(--on-dark)}
.w6-case-ba{display:grid;align-content:center;gap:12px;margin:0;padding:18px 20px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-1)}
.w6-case-bar{display:grid;grid-template-columns:64px minmax(0,1fr) 48px;align-items:center;gap:10px;font-size:14px;color:var(--on-dark-soft)}
.w6-case-bar i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--on-dark-mut) calc(var(--v)*1%),var(--bg-2) 0)}
.w6-case-bar.on i{background:linear-gradient(90deg,var(--cyan) calc(var(--v)*1%),var(--bg-2) 0)}
.w6-case-bar b{font-family:var(--f-display);color:var(--on-dark);text-align:right}
.w6-case-ba figcaption{font-size:13px;line-height:1.5;color:var(--on-dark-soft)}
@media (max-width:860px){.w6-case-g{grid-template-columns:1fr}}
@media (max-width:420px){.w6-case-fl{grid-template-columns:1fr}}
/* 320 px (2026-10-21): o cartão da vaga passava 45 px da tela; deixa o cabeçalho quebrar linha e o cartão encolher */
.r17-cr{min-width:0}
@media (max-width:380px){.r17-cr{padding:16px}.r17-cr header{flex-wrap:wrap;gap:10px}.r17-cr header img{width:56px;height:58px}.r17-cr dl div{grid-template-columns:84px minmax(0,1fr)}.r17-cr .r17-st{white-space:normal}}