/* 04 · Para quem e como (ac-) — índice ligado por fios + constelação curta de quatro nós */
.ac-atendimento{--ac-faixa:46px}
.ac-m1{right:-10%;top:-14%;width:56vw;height:56vw;max-width:760px}
.ac-m2{left:-15%;bottom:-20%;width:60vw;height:60%;max-width:820px}

.ac-cabeca{margin-bottom:3.4rem}
.ac-titulo{margin-bottom:1.1rem}
.ac-abre{max-width:46ch}
.ac-sub{font-family:var(--wf-fonte-mono);font-weight:400;font-size:var(--wf-mono-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--wf-marfim-60);margin:0 0 .6rem}

/* índice: frase ——• nome */
.ac-item{display:grid;grid-template-columns:3.2rem auto minmax(2rem,1fr) auto;column-gap:1.1rem;align-items:baseline;padding:.82rem 0}
.ac-item__n{font-family:var(--wf-fonte-mono);font-size:var(--wf-mono-xs);letter-spacing:.04em;color:var(--wf-marfim-60)}
.ac-item__frase{font-size:var(--wf-t2);font-weight:500;line-height:1.2;letter-spacing:-.012em;color:var(--wf-marfim)}
.ac-item__fio{position:relative;align-self:center;height:1px;background:var(--wf-marfim-14);transition:background-color .5s var(--wf-curva)}
.ac-item__fio::after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--wf-marfim-60);transition:background-color .5s var(--wf-curva),box-shadow .5s var(--wf-curva)}
.ac-item__nome{font-family:var(--wf-fonte-mono);font-size:var(--wf-mono);letter-spacing:.02em;color:var(--wf-marfim-80);text-align:right;transition:color .5s var(--wf-curva)}
@media (hover:hover){
  .ac-item:hover .ac-item__fio{background:var(--wf-marfim-35)}
  .ac-item:hover .ac-item__fio::after{background:var(--wf-marfim);box-shadow:0 0 0 6px var(--wf-marfim-14)}
  .ac-item:hover .ac-item__nome{color:var(--wf-marfim)}
}
.ac-tambem{margin:1.5rem 0 0 4.3rem;padding-top:1.3rem;border-top:1px solid var(--wf-marfim-14);font-family:var(--wf-fonte-mono);font-size:var(--wf-mono);line-height:1.85;letter-spacing:.02em;color:var(--wf-marfim-80)}
.ac-tambem__rot{color:var(--wf-marfim-60);margin-right:.4em}
.ac-tambem__q{display:inline-block;margin-right:.35em}

/* como: constelação curta de quatro nós */
.ac-como{margin-top:4.8rem}
.ac-fatos{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.45fr);column-gap:2.2rem;padding-top:calc(var(--ac-faixa) + 1.5rem)}
.ac-ceu-li{position:absolute;inset:0;pointer-events:none}
.ac-ceu{width:100%;height:100%;overflow:visible}
.ac-ceu__fio{fill:none;stroke:var(--wf-marfim);stroke-opacity:.5;stroke-width:1}
.ac-fato{position:relative}
.ac-fato__no{position:absolute;left:3px;top:calc(-1 * var(--ac-faixa) - 1.5rem + var(--ac-y,0) * (var(--ac-faixa) - 7px));width:7px;height:7px;border-radius:50%;background:var(--wf-marfim)}
.ac-fato__no::after{content:"";position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklch,var(--wf-luz) 70%,transparent),transparent);opacity:0}
.ac-fato--fim .ac-fato__no{background:color-mix(in oklch,var(--wf-luz) 70%,var(--wf-marfim))}
.ac-fato--fim .ac-fato__no::after{opacity:1}
.ac-fato__txt{display:grid;grid-template-columns:minmax(0,1fr);row-gap:.35rem;font-family:var(--wf-fonte-mono);font-weight:500;font-size:1rem;line-height:1.45;letter-spacing:.01em;color:var(--wf-marfim)}
.ac-fato__n{font-weight:400;font-size:var(--wf-mono-xs);letter-spacing:.06em;color:var(--wf-marfim-60)}
.ac-fato--fim .ac-fato__n{color:color-mix(in oklch,var(--wf-luz) 85%,var(--wf-marfim))}
.ac-fato__det{margin-top:.3rem;font-family:var(--wf-fonte-mono);font-size:var(--wf-mono);line-height:1.6;letter-spacing:.02em;color:var(--wf-marfim-80)}
.ac-cit{margin-top:.9rem}
.ac-acoes{display:flex;flex-wrap:wrap;gap:.9rem 2rem;margin-top:2.4rem}
.ac-acoes .wf-link{display:inline-block;padding-top:.6rem;padding-bottom:.35rem}

/* gesto: o traço se desenha e os nós acendem em ordem (texto sempre visível) */
.ac-js .ac-ceu__fio{transition:stroke-dashoffset 1.6s var(--wf-curva)}
.ac-js .ac-fato__no{transform:scale(.4);opacity:.45;transition:transform var(--wf-lento) var(--wf-curva),opacity var(--wf-lento) var(--wf-curva)}
.ac-js .ac-fato--fim .ac-fato__no::after{opacity:0;transition:opacity .7s var(--wf-curva) 1.6s}
.ac-js .ac-visto .ac-fato__no{transform:none;opacity:1}
.ac-js .ac-visto .ac-fato:nth-child(3) .ac-fato__no{transition-delay:.4s}
.ac-js .ac-visto .ac-fato:nth-child(4) .ac-fato__no{transition-delay:.8s}
.ac-js .ac-visto .ac-fato:nth-child(5) .ac-fato__no{transition-delay:1.2s}
.ac-js .ac-visto .ac-fato--fim .ac-fato__no::after{opacity:1}

@media (max-width:899px){
  .ac-cabeca{margin-bottom:2.4rem}
  .ac-item{grid-template-columns:1.9rem minmax(0,1fr);column-gap:.6rem;padding:.95rem 0;border-top:1px solid var(--wf-marfim-14)}
  .ac-item__fio{display:none}
  .ac-item__nome{grid-column:2;text-align:left;margin-top:.3rem;font-size:var(--wf-mono-xs);color:var(--wf-marfim-60)}
  .ac-tambem{margin:0;padding:1.2rem 0 0 2.5rem}
  .ac-como{margin-top:3.2rem}
  .ac-sub{margin-bottom:1.1rem}
  .ac-fatos{grid-template-columns:minmax(0,1fr);padding-top:0;row-gap:1.5rem}
  .ac-fato{padding-left:1.7rem}
  .ac-fato__no{left:0;top:.5rem;width:6px;height:6px}
  .ac-fato__txt{grid-template-columns:auto minmax(0,1fr);column-gap:.65rem;align-items:baseline}
  .ac-fato__det,.ac-cit{margin-left:1.63rem}
  .ac-cit{margin-top:.8rem}
  .ac-acoes{margin-top:2rem;padding-left:1.7rem;flex-direction:column;align-items:flex-start;gap:.4rem}
}