/* ==========================================================================
   ed.css — VERSÃO EDITORIAL das páginas da Dra. e da home.
   06/10/2026: /formacao e /atendimento (Marco: "deixa o design mais
   sofisticado dessas duas novas páginas"); no mesmo dia, a página da Dra. e a
   home ("essas mesmas implementações... pode aplicar na página da doutora
   Rafaela Marques e na Index também"). Saiu do lp.css para a home, que não
   carrega o lp.css (66 KB das páginas de área), poder usar só isto.
   As páginas leem como uma monografia da médica: menos caixas, mais ar, fio
   fino separando os itens, uma foto de cirurgia grande, de ponta a ponta, por
   página, e a "linha que desenha" do site contando a SEQUÊNCIA (o percurso da
   formação; as etapas do atendimento). O herói, a faixa de credenciais e os
   depoimentos continuam os de sempre.
     .ed-h2 / .ed-cab   títulos de seção alinhados à esquerda
     .ed-rot            rótulo de seção (fio + nome), em caixa normal
     .ed-etapa          marcador de etapa (numeral + fio + nome): só onde a
                        ordem é real (as 3 etapas do atendimento)
     .ed-traj/.ed-reg   texto preso à esquerda e o registro com a linha que
                        liga os itens (formação; etapas na faixa da home)
     .ed-linha          a mesma linha na horizontal (etapas da página da Dra.)
     .ed-banda          faixa escura com a foto sangrando até a borda da tela
                        (.ed-banda-esq: foto à esquerda)
     .ed-locais         consultório e hospital dentro da faixa
     .ed-indice         índice de páginas (linhas com fio, nome e resumo)
     .ed-princ          compromissos: título grande preso à esquerda, lista à direita
     .ed-tres           três colunas separadas por fio vertical
     .ed-frase          frase grande em destaque ("A face como um todo")
     .ed-queixas        lista de duas colunas com fio (queixas, na home)
     .ed-faq            dúvidas: título preso à esquerda, acordeão à direita
     .ed-prox           "continue a leitura": a outra página da Dra.
   ========================================================================== */
.ed-h2,.ed-cab h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h2);line-height:var(--lh-heading);
  letter-spacing:var(--ls-display);color:var(--text-strong);text-wrap:balance;max-width:24ch}
.ed-cab{margin:0 0 clamp(2.25rem,4vw,3.25rem)}
.ed-cab .lead{margin-top:var(--space-4);font-size:var(--fs-lead);line-height:1.6;color:var(--text-muted);max-width:52ch;text-wrap:pretty}
.ed-h2 + .prose{margin-top:var(--space-5)}
@media (min-width:1000px){
  .ed-cab-2col{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2.5rem,6vw,6rem);align-items:end}
  .ed-cab-2col .lead{margin-top:0;padding-bottom:.3rem}
}

/* marcador de etapa: o numeral em Marcellus, um fio que se desenha e o nome */
.ed-etapa{display:flex;align-items:center;gap:14px;margin:0 0 var(--space-4);color:var(--teal-acao)}
.ed-etapa .n{font-family:var(--font-display);font-size:clamp(2.1rem,1.7rem + 1.2vw,2.8rem);line-height:1;color:var(--teal-acao)}
.ed-etapa .fio{flex:0 0 auto;width:clamp(28px,3.5vw,44px);height:1px;background:currentColor;opacity:.6;transform-origin:0 50%}
.ed-etapa .t{font-size:.9rem;font-weight:700;letter-spacing:.03em;line-height:1.3;color:var(--teal-acao)}
html.js-rv .ed-etapa .fio{transform:scaleX(0)}
html.js-rv .ed-etapa.rv-in .fio{transform:none;transition:transform .9s cubic-bezier(.22,1,.36,1) .3s}

/* ---------- trajetória (/formacao) ---------- */
.ed-traj{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.ed-traj-txt .prose{margin-top:var(--space-6);max-width:50ch}
/* preso enquanto o registro rola ao lado, só onde a coluna cabe na tela */
@media (min-width:1000px) and (min-height:760px){.ed-traj-txt{position:sticky;top:124px}}

/* O registro da formação. Cada item tem o NÓ (::before) e o TRECHO de linha
   até o nó seguinte (::after), por isso a linha se desenha de estação em
   estação. --pt é o respiro entre itens; o nó fica na altura do rótulo. */
.ed-reg{list-style:none;margin:0;padding:0}
.ed-reg-it{--pt:clamp(1.5rem,2.6vw,2.1rem);--i:0;position:relative;padding-left:42px}
.ed-reg-c{padding-block:var(--pt)}
.ed-reg-it:first-child .ed-reg-c{padding-top:0}
.ed-reg-it:last-child .ed-reg-c{padding-bottom:0}
.ed-reg-it + .ed-reg-it .ed-reg-c{border-top:1px solid var(--linha)}
.ed-reg-it::before{content:"";position:absolute;left:0;top:calc(var(--pt) + 3px);width:11px;height:11px;border-radius:50%;
  background:var(--teal-500);z-index:1}
.ed-reg-it:first-child::before{top:3px}
.ed-reg-it::after{content:"";position:absolute;left:5px;width:1px;background:var(--teal-500);opacity:.5;transform-origin:50% 0;
  top:calc(var(--pt) + 14px);bottom:calc(-1 * (var(--pt) + 3px))}
.ed-reg-it:first-child::after{top:14px}
.ed-reg-it:last-child::after{display:none}
.ed-reg-it:nth-child(2){--i:1}.ed-reg-it:nth-child(3){--i:2}.ed-reg-it:nth-child(4){--i:3}
.ed-reg-it:nth-child(5){--i:4}.ed-reg-it:nth-child(6){--i:5}.ed-reg-it:nth-child(7){--i:6}
.ed-reg-rot{display:block;font-size:.82rem;font-weight:700;letter-spacing:.03em;line-height:1.3;color:var(--teal-acao)}
.ed-reg-it h3{margin:.5rem 0 .35rem;font-family:var(--font-display);font-weight:400;font-size:clamp(1.15rem,1rem + .55vw,1.42rem);
  line-height:1.22;color:var(--text-strong)}
.ed-reg-it p{font-size:.95rem;line-height:1.55;color:var(--text-muted);max-width:46ch}
/* a lista não esmaece inteira: quem entra são os itens, um a um, atrás da linha */
html.js-rv .ed-reg[data-rv]{opacity:1;transform:none;transition:none}
html.js-rv .ed-reg .ed-reg-c{opacity:0;transform:translate3d(0,10px,0);
  transition:opacity .7s var(--ease-out-quart),transform .7s var(--ease-out-quart);transition-delay:calc(.1s + var(--i) * .28s)}
html.js-rv .ed-reg-it::before{transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * .28s)}
html.js-rv .ed-reg-it::after{transform:scaleY(0);transition:transform .34s linear calc(.2s + var(--i) * .28s)}
html.js-rv .ed-reg.rv-in .ed-reg-c{opacity:1;transform:none}
html.js-rv .ed-reg.rv-in .ed-reg-it::before,html.js-rv .ed-reg.rv-in .ed-reg-it::after{transform:none}

/* ---------- faixa escura com a foto de ponta a ponta ----------
   Grade "de quebra": as colunas das pontas vão até a borda da tela e as 12 do
   meio têm a largura do .wrap, então o texto alinha com o resto da página e a
   foto sangra. O fundo é o degradê do rodapé (os tons que o Marco aprovou); a
   borda da foto que encosta no texto se dissolve nesse mesmo degradê. */
.ed-banda{--ed-fundo:linear-gradient(180deg,#4B5646 0%,#414C3D 58%,#353E31 100%);
  --text-strong:var(--claro);--text-body:var(--claro-2);--text-muted:var(--claro-2);
  --teal-acao:var(--terracota-luz);--teal-700:var(--terracota-luz);--teal-500:var(--terracota-luz);
  --linha:rgba(245,241,234,.16);--linha-forte:rgba(245,241,234,.32);
  position:relative;isolation:isolate;display:grid;background:var(--ed-fundo);color:var(--claro-2);
  grid-template-columns:[full-start] minmax(var(--gutter),1fr) [c-start]
    repeat(12,minmax(0,calc((var(--container) - 2 * var(--gutter)) / 12))) [c-end] minmax(var(--gutter),1fr) [full-end]}
.ed-banda-txt{grid-column:2 / 7;grid-row:1;align-self:center;padding-block:var(--sec-y);position:relative;z-index:1}
.ed-banda-txt .ed-h2{max-width:18ch}
.ed-banda-txt .prose{margin-top:var(--space-5);max-width:50ch}
.ed-banda .prose a{color:var(--terracota-luz);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ed-banda .prose a:hover{color:var(--claro)}
.ed-banda :where(a,button):focus-visible{outline-color:var(--foco-escuro)}
.ed-banda-foto{grid-column:8 / full-end;grid-row:1;position:relative;margin:0;min-height:100%;overflow:hidden;background:#2f372b}
/* sizes da <img> da faixa: a largura que ela OCUPA com object-fit:cover, e não
   a da coluna. Foto 3:2 numa coluna de ~50vw e da altura do texto sai mais
   larga que a coluna: 75vw nas faixas de altura média (/formacao,
   /atendimento) e 120vw na da home, que é alta (4 etapas). Com 50vw o
   navegador baixava a de 800px e a ampliava 2x (foto mole).
   enquadramento: a médica (à esquerda na foto) fica fora da borda que se dissolve no verde */
.ed-banda-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 38%}
.ed-banda-foto::after{content:"";position:absolute;inset:0;background:var(--ed-fundo);pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 9%,transparent 26%);
          mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 9%,transparent 26%)}
/* espelhada: foto à esquerda, texto à direita */
.ed-banda-esq .ed-banda-txt{grid-column:9 / 14}
.ed-banda-esq .ed-banda-foto{grid-column:full-start / 8}
.ed-banda-esq .ed-banda-foto img{object-position:56% 38%}
.ed-banda-esq .ed-banda-foto::after{-webkit-mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.55) 9%,transparent 26%);
          mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.55) 9%,transparent 26%)}
@media (min-width:1000px){.ed-banda{min-height:clamp(520px,44vw,700px)}}
/* tablet e celular: a foto em cima, de borda a borda, e o texto embaixo; a foto
   se dissolve no verde do texto pela borda de baixo */
@media (max-width:999px){
  .ed-banda{background:#4B5646}
  .ed-banda-txt,.ed-banda-esq .ed-banda-txt{grid-column:full-start / full-end;grid-row:2;
    padding:clamp(1.75rem,5vw,2.75rem) var(--gutter) var(--sec-y);background:var(--ed-fundo)}
  .ed-banda-txt > *{max-width:640px}
  .ed-banda-foto,.ed-banda-esq .ed-banda-foto{grid-column:full-start / full-end;grid-row:1;min-height:0;aspect-ratio:4/3}
  .ed-banda-foto::after,.ed-banda-esq .ed-banda-foto::after{background:#4B5646;
    -webkit-mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.5) 10%,transparent 32%);
            mask-image:linear-gradient(0deg,#000 0%,rgba(0,0,0,.5) 10%,transparent 32%)}
}
@media (min-width:640px) and (max-width:999px){.ed-banda-foto,.ed-banda-esq .ed-banda-foto{aspect-ratio:16/9}}

/* ---------- índice das cirurgias (/formacao) ---------- */
.ed-indice{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha-forte)}
.ed-indice li{border-bottom:1px solid var(--linha)}
.ed-indice a{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr) 24px;gap:clamp(1rem,4vw,4rem);
  align-items:center;padding:clamp(1.3rem,2.3vw,1.8rem) 0;text-decoration:none;color:inherit}
.ed-indice .t{font-family:var(--font-display);font-size:clamp(1.22rem,1.02rem + .8vw,1.65rem);line-height:1.2;color:var(--text-strong)}
.ed-indice .d{font-size:.95rem;line-height:1.55;color:var(--text-muted);text-wrap:pretty}
.ed-indice .seta{font-size:20px;color:var(--teal-acao);transition:transform .4s var(--ease-out-quart)}
/* resposta ao ponteiro: o fio de baixo se desenha em terracota e a seta anda */
.ed-indice a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--teal-500);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .7s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){
  .ed-indice a:hover::after{transform:none}
  .ed-indice a:hover .seta{transform:translateX(5px)}
}
.ed-indice a:focus-visible{outline:2px solid var(--teal-700);outline-offset:4px;border-radius:6px}
@media (max-width:699px){
  .ed-indice a{grid-template-columns:minmax(0,1fr) 22px;row-gap:.4rem}
  .ed-indice .d{grid-column:1;grid-row:2}
  .ed-indice .seta{grid-column:2;grid-row:1 / span 2}
}
@media (prefers-reduced-motion:reduce){.ed-indice a::after,.ed-indice .seta{transition:none}}

/* ---------- compromissos (/atendimento) ---------- */
.ed-princ{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.ed-princ-cab h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,1.25rem + 2.2vw,3.05rem);line-height:1.1;
  letter-spacing:var(--ls-display);color:var(--text-strong);max-width:12ch;text-wrap:balance}
.ed-princ-cab .lead{margin-top:var(--space-5);font-size:var(--fs-lead);line-height:1.6;color:var(--text-muted);max-width:38ch;text-wrap:pretty}
@media (min-width:1000px) and (min-height:700px){.ed-princ-cab{position:sticky;top:124px}}
.ed-princ-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha-forte)}
.ed-princ-lista li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:clamp(1rem,2.4vw,1.75rem);align-items:start;
  padding:clamp(1.6rem,3vw,2.3rem) 0;border-bottom:1px solid var(--linha)}
.ed-princ-lista .ed-ico{margin-top:-2px}
.ed-princ-lista h3,.ed-tres h3{font-family:var(--font-display);font-weight:400;font-size:clamp(1.18rem,1.04rem + .45vw,1.4rem);
  line-height:1.22;color:var(--text-strong);margin:0 0 .55rem}
.ed-princ-lista p,.ed-tres p{font-size:var(--fs-body);line-height:1.68;color:var(--text-body);max-width:58ch;text-wrap:pretty}
/* ícone sem ladrilho, só o traço (mais fino que o padrão), que se desenha ao entrar */
.ed-ico{font-size:34px;color:var(--teal-500);line-height:0}
.ed-ico svg{stroke-width:1.35}

/* ---------- três colunas com fio vertical (/atendimento, depois da cirurgia) ---------- */
.ed-tres{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--linha-forte)}
.ed-tres li{padding:clamp(1.75rem,3vw,2.4rem) clamp(1.25rem,2.6vw,2.4rem) 0;border-left:1px solid var(--linha)}
.ed-tres li:first-child{border-left:0;padding-left:0}
.ed-tres li:last-child{padding-right:0}
.ed-tres .ed-ico{display:block;margin-bottom:var(--space-4)}
@media (max-width:899px){
  .ed-tres{grid-template-columns:1fr}
  .ed-tres li,.ed-tres li:first-child,.ed-tres li:last-child{padding:1.6rem 0;border-left:0;border-bottom:1px solid var(--linha)}
  .ed-tres li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 clamp(1rem,2.4vw,1.75rem);align-items:start}
  .ed-tres .ed-ico{grid-row:1 / span 2;margin:0}
}

/* ---------- continue a leitura: a outra página da Dra. ---------- */
.ed-prox{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,3vw,2rem);
  margin-top:clamp(3rem,6vw,4.5rem);padding:clamp(.85rem,1.6vw,1.1rem) clamp(1.1rem,2.6vw,2rem) clamp(.85rem,1.6vw,1.1rem) clamp(.85rem,1.6vw,1.1rem);
  border:1px solid var(--linha-forte);border-radius:var(--radius-xl);background:var(--papel-claro,#FBF8F3);
  text-decoration:none;color:inherit;transition:border-color .35s ease,box-shadow .35s ease}
.ed-prox img{width:clamp(68px,8vw,96px);height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;border-radius:var(--radius-md)}
.ed-prox .r{display:block;font-size:.8rem;font-weight:700;letter-spacing:.03em;color:var(--teal-acao)}
.ed-prox .t{display:block;margin-top:.3rem;font-family:var(--font-display);font-size:clamp(1.2rem,1rem + .8vw,1.6rem);line-height:1.2;color:var(--text-strong)}
.ed-prox .d{display:block;margin-top:.35rem;font-size:.92rem;line-height:1.5;color:var(--text-muted);text-wrap:pretty}
.ed-prox .seta{font-size:22px;color:var(--teal-acao);transition:transform .4s var(--ease-out-quart)}
@media (hover:hover){
  .ed-prox:hover{border-color:var(--teal-500);box-shadow:var(--shadow-md)}
  .ed-prox:hover .seta{transform:translateX(5px)}
}
.ed-prox:focus-visible{outline:2px solid var(--teal-700);outline-offset:4px}
@media (max-width:560px){.ed-prox .d{display:none}}

/* ---------- celular e tablet: uma coluna ---------- */
@media (max-width:999px){
  .ed-traj,.ed-princ{grid-template-columns:1fr;gap:clamp(2.25rem,6vw,3rem)}
}

/* ---------- rótulo de seção: fio que se desenha + nome, sem caixa alta ---------- */
.ed-rot{display:flex;align-items:center;gap:12px;margin:0 0 var(--space-4);font-size:.9rem;font-weight:700;letter-spacing:.03em;
  line-height:1.3;color:var(--teal-acao)}
.ed-rot::before{content:"";flex:0 0 auto;width:clamp(28px,3.5vw,40px);height:1px;background:currentColor;opacity:.6;transform-origin:0 50%}
html.js-rv .ed-rot::before{transform:scaleX(0)}
html.js-rv .ed-rot.rv-in::before{transform:none;transition:transform .9s cubic-bezier(.22,1,.36,1) .25s}

/* ---------- etapas na horizontal (página da Dra.) ----------
   Mesmo desenho do registro (.ed-reg), deitado: nó em cima de cada etapa e o
   trecho de linha até o nó seguinte. No celular vira o registro vertical. */
.ed-linha{--g:clamp(1.25rem,2.4vw,2.25rem);list-style:none;margin:clamp(3rem,6vw,4.5rem) 0 0;padding:0;display:grid;
  grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:var(--g)}
.ed-linha-it{--i:0;position:relative;padding-top:34px}
.ed-linha-it::before{content:"";position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--teal-500);z-index:1}
.ed-linha-it::after{content:"";position:absolute;top:5px;left:19px;right:calc(8px - var(--g));height:1px;background:var(--teal-500);
  opacity:.5;transform-origin:0 50%}
.ed-linha-it:last-child::after{display:none}
.ed-linha-it:nth-child(2){--i:1}.ed-linha-it:nth-child(3){--i:2}.ed-linha-it:nth-child(4){--i:3}
.ed-linha-it:nth-child(5){--i:4}.ed-linha-it:nth-child(6){--i:5}
.ed-linha-it h3{margin:.5rem 0 .4rem;font-family:var(--font-display);font-weight:400;font-size:clamp(1.12rem,1rem + .4vw,1.3rem);
  line-height:1.22;color:var(--text-strong)}
.ed-linha-it p{font-size:.94rem;line-height:1.58;color:var(--text-muted);text-wrap:pretty}
html.js-rv .ed-linha[data-rv]{opacity:1;transform:none;transition:none}
html.js-rv .ed-linha .ed-linha-c{opacity:0;transform:translate3d(0,10px,0);
  transition:opacity .7s var(--ease-out-quart),transform .7s var(--ease-out-quart);transition-delay:calc(.1s + var(--i) * .26s)}
html.js-rv .ed-linha-it::before{transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * .26s)}
html.js-rv .ed-linha-it::after{transform:scaleX(0);transition:transform .32s linear calc(.18s + var(--i) * .26s)}
html.js-rv .ed-linha.rv-in .ed-linha-c{opacity:1;transform:none}
html.js-rv .ed-linha.rv-in .ed-linha-it::before,html.js-rv .ed-linha.rv-in .ed-linha-it::after{transform:none}
@media (max-width:899px){
  .ed-linha{grid-template-columns:1fr;gap:0}
  .ed-linha-it{padding:0 0 1.6rem 42px}
  .ed-linha-it:last-child{padding-bottom:0}
  .ed-linha-it::before{top:3px}
  .ed-linha-it::after{left:5px;right:auto;top:14px;bottom:-3px;width:1px;height:auto;transform-origin:50% 0}
  .ed-linha-it h3{margin-top:.4rem}
  html.js-rv .ed-linha-it::after{transform:scaleY(0)}
}

/* ---------- consultório e hospital dentro da faixa (página da Dra.) ---------- */
.ed-locais{list-style:none;margin:var(--space-6) 0 0;padding:0;border-top:1px solid var(--linha-forte)}
.ed-locais li{padding:var(--space-5) 0;border-bottom:1px solid var(--linha)}
.ed-locais h3{font-family:var(--font-display);font-weight:400;font-size:clamp(1.12rem,1rem + .4vw,1.3rem);line-height:1.25;
  color:var(--text-strong);margin:0 0 .45rem}
.ed-locais p{font-size:.95rem;line-height:1.62;color:var(--text-body);max-width:48ch;text-wrap:pretty}
/* link de texto na faixa: nos lugares (endereço e mapa) e depois do registro
   da home (diferenciais do atendimento) */
.ed-banda .ed-ir{display:inline-flex;align-items:center;gap:8px;margin-top:.7rem;font-size:.93rem;font-weight:700;
  color:var(--terracota-luz);text-decoration:none}
.ed-banda .ed-reg + .ed-ir{margin-top:var(--space-6)}
.ed-banda .ed-ir .ico{transition:transform .35s var(--ease-out-quart)}
@media (hover:hover){.ed-banda .ed-ir:hover{color:var(--claro)}.ed-banda .ed-ir:hover .ico{transform:translateX(4px)}}
.ed-banda .ed-ir:focus-visible{outline:2px solid var(--foco-escuro,#EDC6B2);outline-offset:3px;border-radius:4px}
.ed-banda-txt .ed-reg{margin-top:var(--space-6)}

/* ---------- frase grande em destaque (página da Dra.: "A face como um todo") ----------
   A frase sai do próprio texto da Dra.; o resto do parágrafo fica ao lado. */
.ed-frase{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(2.5rem,6vw,6rem);align-items:end}
.ed-frase .ed-rot{grid-column:1 / -1}
.ed-frase-grande{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,1.15rem + 1.6vw,2.6rem);
  line-height:1.17;letter-spacing:var(--ls-display);color:var(--text-strong);text-wrap:balance;max-width:19ch}
.ed-frase .prose p{font-size:var(--fs-body);line-height:1.74;color:var(--text-body)}
@media (max-width:999px){.ed-frase{grid-template-columns:1fr;row-gap:var(--space-5)}}

/* ---------- queixas (home): duas colunas com fio; o rótulo é a região da face ---------- */
.ed-queixas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(2rem,5vw,4.5rem);border-top:1px solid var(--linha-forte)}
.ed-queixas li{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr);gap:1.25rem;align-items:baseline;
  padding:clamp(1.05rem,1.9vw,1.4rem) 0;border-bottom:1px solid var(--linha)}
.ed-queixas .r{font-size:.84rem;font-weight:700;letter-spacing:.03em;line-height:1.35;color:var(--teal-acao)}
.ed-queixas p{font-size:var(--fs-body);line-height:1.6;color:var(--text-body);text-wrap:pretty}
@media (max-width:899px){.ed-queixas{grid-template-columns:1fr}}
@media (max-width:560px){.ed-queixas li{grid-template-columns:1fr;gap:.3rem}}

/* ---------- dúvidas (home): título preso à esquerda, acordeão à direita ---------- */
.ed-faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.ed-faq .faq-acc{margin:0;max-width:none}
.ed-faq-cab .faq-mais{margin-top:var(--space-5);text-align:left;text-wrap:pretty;max-width:36ch}
.ed-faq-cab .btn{margin-top:var(--space-6)}
@media (min-width:1000px) and (min-height:700px){.ed-faq-cab{position:sticky;top:124px}}
@media (max-width:999px){.ed-faq{grid-template-columns:1fr}}

/* ---------- par de "continue a leitura" (página da Dra.) ---------- */
.ed-prox-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.ed-prox-par .ed-prox{margin-top:0}
@media (max-width:899px){.ed-prox-par{grid-template-columns:1fr}}

/* foto em retrato (4:5) numa faixa: a cirurgia-09, na página da Dra. */
.ed-foto-alta img{object-position:50% 46%}
/* seção curta do fim ("continue a leitura"): respiro menor que o das seções de conteúdo */
.ed-fim{padding-block:clamp(3rem,6vw,5rem)}