/* R16 · Home em 9 blocos (2026-10-08). Componentes novos da Home; reaproveita os tokens do tema
   preto executivo (--bg-0..3, --line-exec, --on-dark*, --cyan, --azure). Sem cor nem fonte nova.
   Mobile primeiro: tudo empilha em 1 coluna até 720px. Animações só com prefers-reduced-motion: no-preference. */

/* hero: badges da reconciliação (4 selos curtos) */
.r16-hero .xh-trust{margin-top:22px}
.r16-hero .hero-sub{max-width:52ch}

/* bloco 2: prova + logos + NVIDIA numa única seção */
.r16-proof .r16-logos{border-top:1px solid var(--line-exec);border-bottom:1px solid var(--line-exec);background:transparent}
.r16-nv{padding:18px 0 22px}
.r16-nv-in{display:flex;align-items:center;gap:18px}
.r16-nv .nv-placa{flex:none;width:150px}
.r16-nv .nv-placa img{width:100%;height:auto}
.r16-nv p{margin:0;color:var(--on-dark-soft);font-size:14px;line-height:1.5;max-width:78ch}
.r16-nv p b{color:var(--on-dark);display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
@media (max-width:560px){.r16-nv-in{flex-direction:column;align-items:flex-start}.r16-nv .nv-placa{width:130px}}

/* bloco 3: Onde dói? dor → IA → decisão humana */
.r16-dores{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.r16-dores a{display:flex;flex-direction:column;gap:10px;height:100%;padding:18px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-2);color:var(--on-dark);text-decoration:none;transition:border-color .15s}
.r16-dores a:hover,.r16-dores a:focus-visible{border-color:var(--cyan)}
.r16-dor-h{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:17px}
.r16-dor-h .x-ico{width:22px;height:22px;stroke:var(--cyan)}
.r16-st3{display:grid;gap:2px;padding-left:12px;border-left:2px solid var(--line-exec);font-size:14px;line-height:1.4;color:var(--on-dark-soft)}
.r16-st3 small{font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--on-dark-mut)}
.r16-s1 span{color:var(--on-dark)}
.r16-s2{border-left-color:var(--azure)}
.r16-s3{border-left-color:var(--cyan)}
.r16-s3 span{color:var(--on-dark)}
@media (max-width:980px){.r16-dores{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  /* celular: as 6 dores viram trilho horizontal com encaixe (a página não rola na horizontal; só o trilho) */
  .r16-dores{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-16px;padding:2px 16px 10px;scrollbar-width:thin}
  .r16-dores li{flex:0 0 84%;scroll-snap-align:start}
}

/* bloco 4: um processo visual, uma aba por vez, Hoje × Com iSol */
.r16-pr-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:18px}
.r16-tabs,.r16-ba,.r16-wp{display:flex;flex-wrap:wrap;gap:6px}
.r16-tabs button,.r16-ba button,.r16-wp button,.r16-buy-tabs button{font:500 14px/1 var(--f-body);color:var(--on-dark-soft);background:transparent;border:1px solid var(--line-exec);border-radius:999px;padding:10px 16px;cursor:pointer;min-height:44px}
.r16-tabs button[aria-selected="true"],.r16-ba button[aria-pressed="true"],.r16-wp button[aria-pressed="true"]{color:#04121d;background:var(--cyan);border-color:var(--cyan)}
.r16-tabs button:focus-visible,.r16-ba button:focus-visible,.r16-wp button:focus-visible,.r16-buy-tabs button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.r16-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:n}
.r16-n{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 14px;border:1px solid var(--line-exec);border-radius:var(--radius-sm);background:var(--bg-1)}
.r16-n:not(:last-child)::after{content:"";position:absolute;top:34px;right:-12px;width:12px;height:2px;background:var(--line-exec)}
.r16-n-ic .x-ico{width:26px;height:26px;stroke:var(--cyan)}
.r16-n-t{font-family:var(--f-display);font-size:15px;line-height:1.3;color:var(--on-dark)}
.r16-n-i{color:var(--on-dark-mut);font-size:12px;margin-right:2px}
.r16-hoje,.r16-com{font-size:14px;line-height:1.4;color:var(--on-dark-soft)}
.r16-n-dec{border-style:dashed}
.r16-n-hum{border-color:var(--cyan)}
.r16-n-hum .r16-com,.r16-n-hum .r16-hoje{color:var(--cyan)}
.r16-pr .r16-hoje{display:none}
.r16-pr[data-modo="hoje"] .r16-hoje{display:block}
.r16-pr[data-modo="hoje"] .r16-com{display:none}
.r16-pr[data-modo="hoje"] .r16-n:not(.r16-n-hum) .r16-n-ic .x-ico{stroke:var(--on-dark-mut)}
@media (max-width:900px){
  .r16-flow{grid-template-columns:1fr;gap:10px}
  .r16-n{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:12px;padding:12px 14px}
  .r16-n-t{flex:1 1 60%}
  .r16-hoje,.r16-com{flex-basis:100%;padding-left:38px}
  .r16-n:not(:last-child)::after{top:auto;bottom:-10px;right:auto;left:26px;width:2px;height:10px}
}

/* bloco 5: Sua equipe não troca de lugar */
.r16-eq{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;gap:0 6px}
.r16-eq-col{padding:18px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-2)}
.r16-eq-core{border-color:var(--cyan);text-align:center}
.r16-eq-k{margin:0 0 12px;font-family:var(--f-mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--cyan)}
.r16-eq-ar{align-self:center;height:2px;background:var(--grad)}
.r16-wp{margin-bottom:12px}
.r16-wp button{padding:8px 12px;font-size:13px}
.r16-apps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.r16-apps[hidden]{display:none}
.r16-apps li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;font-size:14px;color:var(--on-dark);padding:8px 10px;border:1px solid var(--line-exec);border-radius:10px;background:var(--bg-1)}
.r16-st{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--on-dark-soft);border:1px solid var(--line-exec);border-radius:999px;padding:2px 8px}
.r16-st-ok{color:var(--cyan);border-color:rgba(52,195,240,.4)}
.r16-trio{list-style:none;margin:0 0 12px;padding:0;display:flex;justify-content:center;gap:10px}
.r16-trio li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;min-width:82px;border:1px solid var(--line-exec);border-radius:12px;background:var(--bg-1);font-size:13px}
.r16-trio .x-ico{width:28px;height:28px;stroke:var(--cyan)}
.r16-eq-d{margin:0;color:var(--on-dark-soft);font-size:14px}
.r16-eq-base{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-1);font-size:14px;color:var(--on-dark-soft)}
.r16-eq-base b{color:var(--on-dark)}
.r16-eq-nota{max-width:84ch;margin:14px 0 0;font-size:13.5px;line-height:1.55;color:var(--on-dark-soft)}
@media (max-width:900px){
  .r16-eq{grid-template-columns:1fr;gap:6px}
  .r16-eq-ar{justify-self:center;width:2px;height:18px}
  .r16-eq-base{margin-top:8px}
}

/* bloco 6: Command com Meu Dia */
.r16-cm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px;align-items:center}
.r16-cm-more{margin:14px 0 0}
.r16-dia{padding:20px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-2);color:var(--on-dark)}
.r16-dia-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:var(--on-dark-soft)}
.r16-dia-hi{margin:0 0 12px;font-family:var(--f-display);font-size:18px}
.r16-dia-l{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px;font-size:14px;color:var(--on-dark-soft)}
.r16-dia-l li{display:flex;align-items:center;gap:10px}
.r16-dia-dec{padding:14px;border:1px solid var(--cyan);border-radius:12px;background:var(--bg-1)}
.r16-dia-dec p{margin:0 0 10px;display:grid;gap:2px}
.r16-dia-dec small{color:var(--on-dark-soft);font-size:12px}
.r16-dia-act{display:flex;gap:10px;align-items:center}
.r16-dia-ok{color:#04121d;background:var(--cyan);border:1px solid var(--cyan)}
.r16-dia-back{font:500 14px/1 var(--f-body);color:var(--on-dark);background:transparent;border:1px solid var(--line-exec);border-radius:999px;padding:9px 14px;cursor:pointer;min-height:40px}
.r16-dia-res{margin:10px 0 0!important;font-size:13px;color:var(--cyan)}
.r16-dia-res:empty{display:none}
.r16-dia.is-done .r16-dia-act{display:none}
@media (max-width:900px){.r16-cm{grid-template-columns:1fr;gap:24px}}

/* bloco 7: Como comprar, 3 trilhas em abas (1 CTA por vez) */
.r16-buy{border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-2);overflow:hidden}
.r16-buy-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line-exec)}
.r16-buy-tabs button{border:0;border-radius:0;padding:16px;text-align:left;background:transparent;min-height:56px}
.r16-buy-tabs button+button{border-left:1px solid var(--line-exec)}
.r16-buy-tabs button b{font-family:var(--f-display);font-weight:600;font-size:15px}
.r16-buy-tabs button[aria-selected="true"]{color:var(--on-dark);background:var(--bg-1);box-shadow:inset 0 -3px 0 var(--cyan)}
.r16-buy-p{padding:22px}
.r16-buy-p>p{margin:0 0 16px;color:var(--on-dark-soft);max-width:64ch}
.r16-buy-l{margin:14px 0 0!important}
.r16-prods{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.r16-prods a{display:inline-block;padding:8px 14px;border:1px solid var(--line-exec);border-radius:999px;color:var(--on-dark);text-decoration:none;font-weight:500;font-size:14px}
.r16-prods a:hover{border-color:var(--cyan)}
.r16-cat{margin-top:18px}
@media (max-width:720px){
  .r16-buy-tabs{grid-template-columns:1fr}
  .r16-buy-tabs button+button{border-left:0;border-top:1px solid var(--line-exec)}
  .r16-buy-tabs button{min-height:48px;padding:12px 16px}
}

/* bloco 8: Onde seus dados precisam ficar? */
.r16-pv{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center}
.r16-pv-c{display:grid;gap:6px;padding:20px;border:1px solid var(--line-exec);border-radius:var(--radius);background:var(--bg-2);color:var(--on-dark);text-decoration:none}
.r16-pv-c:hover,.r16-pv-c:focus-visible{border-color:var(--cyan)}
.r16-pv-c .pv2-ic{width:30px;height:30px;stroke:var(--cyan);fill:none;stroke-width:1.6}
.r16-pv-c small{font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--cyan)}
.r16-pv-c b{font-family:var(--f-display);font-size:18px}
.r16-pv-c span{color:var(--on-dark-soft);font-size:14px}
.r16-pv-or{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--on-dark-soft);font-size:12px}
.r16-pv-pts{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.r16-pv-pts li{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line-exec);border-radius:12px;font-size:14px;color:var(--on-dark)}
.r16-pv-pts .x-ico{width:22px;height:22px;stroke:var(--cyan);flex:none}
@media (max-width:760px){
  .r16-pv{grid-template-columns:1fr}
  .r16-pv-or{flex-direction:row}
  .r16-pv-pts{grid-template-columns:1fr}
}

/* bloco 9: Qual trabalho mais pesa hoje? (seletor compartilhado em modo compacto, public/seletor-processo.css) */
.r16-sel-host .isp{background:var(--bg-2)}
.r16-alt{margin:16px 0 0;color:var(--on-dark-soft);font-size:14px}
@media (prefers-reduced-motion:no-preference){
  .r16-pr-p:not([hidden]),.r16-buy-p:not([hidden]){animation:r16in .25s var(--ease)}
  @keyframes r16in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
}
.r16-logos{overflow:hidden}
.r16-dia-act .btn{width:auto;flex:none}
.r16-dia-act{flex-wrap:wrap}
/* celular: o hero mostra o motor e a aprovação; os cinco agentes ficam para telas maiores (altura e LCP) */
@media (max-width:560px){
  .r16-hero .xh-agent{display:none}
  .r16-hero .xh-team{grid-template-columns:1fr 1fr;grid-template-areas:"tag pause" "core core" "ap ap"}
  .r16-hero .xh-core img{max-width:150px;height:auto}
}

/* iSol Desk (2026-10-21): 4º lugar onde o funcionário digital trabalha, em piloto; leva para /desk/ */
.r16-desk{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;border:1px solid rgba(52,195,240,.45);border-radius:10px;background:linear-gradient(160deg,rgba(27,157,224,.16),var(--bg-1) 70%);color:var(--on-dark);text-decoration:none}
.r16-desk:hover,.r16-desk:focus-visible{border-color:var(--cyan)}
.r16-desk img{flex:none;width:34px;height:auto;border-radius:6px;background:#fff}
.r16-desk-t{flex:1;display:grid;gap:2px;font-size:14px}
.r16-desk-t small{font-size:12px;color:var(--on-dark-soft)}
.r16-st-pilot{color:#8fd41c;border-color:rgba(143,212,28,.45)}
/* 320 px (2026-10-21): as colunas do bloco "Onde a equipe trabalha" não encolhiam abaixo do conteúdo (9 px de rolagem lateral) */
@media (max-width:760px){.r16-eq{grid-template-columns:minmax(0,1fr)}.r16-eq-col,.r16-eq-base{min-width:0}}
@media (max-width:380px){.r16-eq-col{padding:14px}.r16-apps li{font-size:13px}}