/* at · "Atuação" — um índice grande em serifa. Gesto: os fios do índice se traçam, um por linha. */
.at-secao{--at-col:clamp(3.5rem,8vw,7.5rem) minmax(0,1.15fr) minmax(0,1fr);--at-vao:clamp(1.25rem,3vw,3rem);
  background:linear-gradient(180deg in oklab,#eceef4 0%,var(--parede-1) 55%,#dfe2ea 100%)}
.at-cabeca{display:grid;grid-template-columns:var(--at-col);column-gap:var(--at-vao);margin-bottom:clamp(3rem,6vw,5.5rem)}
.at-cabeca .wf-olho{grid-column:1 / -1;justify-self:start}
.at-titulo{grid-column:1 / -1;font-size:clamp(2.4rem,5.3vw,4.9rem);line-height:.96;max-width:22ch}
.at-apoio{grid-column:3;margin-top:clamp(1.4rem,2.4vw,2.2rem);max-width:30rem}

.at-indice{margin:0;padding:0;list-style:none}
.at-item{position:relative;display:grid;grid-template-columns:var(--at-col);column-gap:var(--at-vao);align-items:baseline;padding:clamp(1.6rem,2.6vw,2.4rem) 0}
/* o fio de cada linha: traça da esquerda para a direita quando a linha entra */
.at-item::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fio);transform-origin:0 50%}
.wf-js .at-item[data-entra]::before{transform:scaleX(0);transition:transform 1.5s var(--lento)}
.wf-js .at-item[data-entra].wf-visto::before{transform:none}
.at-num{font-family:var(--serifa);font-style:italic;font-size:clamp(1.55rem,2.35vw,2.15rem);line-height:1.06;color:var(--vinho);font-variant-numeric:lining-nums}
.at-nome{font-family:var(--serifa);font-weight:400;font-size:clamp(1.55rem,2.35vw,2.15rem);line-height:1.06;letter-spacing:-.008em;text-wrap:balance}
.at-desc{font-size:var(--t-texto);line-height:1.55;color:var(--tinta-suave)}
.at-desc p{max-width:30rem}

/* o ponto vinho do fio do hero, no começo de cada linha do índice */
.at-item::after{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--vinho)}
.wf-js .at-item[data-entra]::after{transform:scale(0);transition:transform .6s var(--suave)}
.wf-js .at-item[data-entra].wf-visto::after{transform:none}

/* a primeira frente é a principal: nome e número em corpo de título, as quatro cirurgias como subentradas */
.at-item-1{--at-folha:clamp(.75rem,2.4vw,2.25rem);padding:clamp(2rem,3.6vw,3.4rem) var(--at-folha) clamp(2.2rem,3.8vw,3.6rem);margin:0 calc(-1 * var(--at-folha)) clamp(.6rem,1.4vw,1.2rem);
  background:var(--papel);border-radius:var(--raio);box-shadow:0 30px 60px -48px rgb(39 49 79 / .55)}
.at-item-1::before,.at-item-1::after,.at-item-1 + .at-item::before,.at-item-1 + .at-item::after{display:none}
.at-item-1 .at-nome,.at-item-1 .at-num{font-size:clamp(2.1rem,4.2vw,3.9rem);line-height:.98;letter-spacing:-.012em}
.at-cirurgias{margin:clamp(1.6rem,2.6vw,2.4rem) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;max-width:34rem}
.at-cirurgias li{padding:.8rem 0;border-top:1px solid var(--fio);font-size:var(--t-texto);line-height:1.35;color:var(--tinta);font-weight:500}
.at-cita{margin:1.5rem 0 0}
.at-cita-5{margin-top:0}
.at-dele{font-size:clamp(1.25rem,1.75vw,1.55rem);line-height:1.22;max-width:27rem}
.at-cita-5 .at-dele{font-size:clamp(1.15rem,1.45vw,1.3rem);line-height:1.28;max-width:29rem}

.at-fim{position:relative;display:grid;grid-template-columns:var(--at-col);column-gap:var(--at-vao);align-items:baseline;padding-top:clamp(1.6rem,2.6vw,2.4rem);border-top:1px solid var(--fio)}
.at-tambem{grid-column:2;font-size:var(--t-texto);line-height:1.55;color:var(--tinta)}
.at-tambem-rotulo{display:block;font-size:.875rem;font-weight:500;letter-spacing:.04em;color:var(--tinta-apagada);margin-bottom:.3rem}
.at-nota{grid-column:3;font-size:.875rem;line-height:1.55;color:var(--tinta-apagada);max-width:30rem}

@media (max-width:860px){
  .at-secao{--at-col:2.6rem minmax(0,1fr);--at-vao:.6rem}
  .at-apoio{grid-column:1 / -1}
  .at-item-1 .at-nome{font-size:clamp(1.85rem,6vw,2.4rem);line-height:1}
  .at-item-1 .at-num{font-size:clamp(1.55rem,2.35vw,2.15rem);line-height:1.2}
  .at-desc{grid-column:2;margin-top:.9rem}
  .at-item-1 .at-desc{margin-top:1.4rem}
  .at-cirurgias{grid-template-columns:minmax(0,1fr)}
  .at-tambem,.at-nota{grid-column:1 / -1}
  .at-nota{margin-top:1.2rem}
}