/* Helena Duarte · "Consultório calmo": uma coluna de leitura, índice que acompanha, nada piscando. */
:root{
  --fundo:#E6EBF0; --papel:#EEF2F6; --tinta:#1E2A44; --tinta-2:rgba(30,42,68,.74); --tinta-3:rgba(30,42,68,.5);
  --terra:#8C6E4F; --terra-escura:#6E5439; --nevoa:#C3CEDA; --linha:rgba(30,42,68,.14);
  --serif:'Newsreader', Georgia, serif; --sans:'Inter', system-ui, sans-serif;
  --curva:cubic-bezier(.215,.61,.355,1); --curva-calma:cubic-bezier(.22,1,.36,1);
  --col:640px; --vaza:0px; --lado:20px; --topo-h:104px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topo-h) + 16px)}
body{margin:0;background:var(--fundo);color:var(--tinta);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit}
h1,h2,h3,p,dl,dd,figure,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
em{font-style:italic}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:4px}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--tinta);color:var(--fundo);padding:10px 14px;border-radius:8px}
.pular:focus{top:12px}

/* ---------- tipografia ---------- */
h1,h2{font-family:var(--serif);font-weight:300;letter-spacing:-.015em;font-optical-sizing:auto}
h1 em,h2 em{color:var(--terra);font-weight:300}
h1{font-size:clamp(44px,11.2vw,84px);line-height:1.02;max-width:12ch}
h2{font-size:clamp(34px,8.4vw,54px);line-height:1.06;max-width:16ch;margin-bottom:28px}
.rot{font:500 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--terra-escura);margin-bottom:22px;display:flex;gap:14px;align-items:center}
.rot span{font-variant-numeric:tabular-nums;color:var(--tinta-3)}
.texto,.lead{font-size:18px;line-height:1.7;color:var(--tinta-2);max-width:34em}
.lead{font-size:clamp(18px,4.6vw,21px);color:var(--tinta);margin-top:28px;max-width:28em}
.nota{font-size:14px;color:var(--tinta-2)}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:999px;border:0;background:var(--tinta);color:var(--fundo);font:500 15px/1 var(--sans);letter-spacing:.01em;cursor:pointer;text-decoration:none;transition:background-color .5s var(--curva-calma),color .5s var(--curva-calma)}
.btn:hover{background:var(--terra-escura)}
.btn:disabled{opacity:.35;cursor:not-allowed}
.btn:disabled:hover{background:var(--tinta)}
.btn-mini{min-height:40px;padding:0 18px;font-size:14px}
.btn-claro{background:var(--fundo);color:var(--tinta)}
.btn-claro:hover{background:#fff}
.link{background:none;border:0;padding:0;cursor:pointer;color:var(--tinta);text-decoration:underline;text-decoration-color:var(--terra);text-underline-offset:4px;text-decoration-thickness:1px;font-weight:500}
.link:hover{color:var(--terra-escura)}

/* ---------- topo (celular/tablet) ---------- */
.topo{position:sticky;top:0;z-index:40;background:rgba(230,235,240,.94);border-bottom:1px solid var(--linha)}
@supports (backdrop-filter:blur(1px)){.topo{background:rgba(230,235,240,.86);backdrop-filter:saturate(1.2) blur(10px)}}
.topo-linha{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px var(--lado) 8px;max-width:calc(var(--col) + 2*var(--lado));margin:0 auto}
.marca{display:flex;flex-direction:column;text-decoration:none;color:var(--tinta);line-height:1.1}
.marca-nome{font:400 22px/1 var(--serif);letter-spacing:-.01em}
.marca-sub{font:500 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3);margin-top:6px}
.ancoras{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;padding:6px var(--lado) 0;max-width:calc(var(--col) + 2*var(--lado));margin:0 auto;scroll-padding-inline:var(--lado)}
.ancoras::-webkit-scrollbar{display:none}
.ancoras button{flex:none;background:none;border:0;padding:6px 0 11px;font:500 13px/1 var(--sans);color:var(--tinta-3);cursor:pointer;position:relative;transition:color .6s var(--curva-calma)}
.ancoras button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--terra);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--curva-calma)}
.ancoras button.is-active{color:var(--tinta)}
.ancoras button.is-active::after{transform:scaleX(1)}

/* ---------- página ---------- */
.pagina{position:relative}
.trilho{display:none}
.leitura{max-width:calc(var(--col) + 2*var(--lado));margin:0 auto;padding:0 var(--lado)}
.bloco{padding:88px 0 0}
.hero{padding-top:56px}
.largo{width:calc(100% + var(--vaza))}

/* hero */
.temas{display:flex;flex-wrap:wrap;gap:8px 0;margin-top:22px;font:400 16px/1.4 var(--serif);font-style:italic;color:var(--tinta-2)}
.temas li:not(:last-child)::after{content:"·";margin:0 12px;color:var(--terra)}
.hero-acao{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:34px}
.foto{border-radius:6px;overflow:hidden;background:var(--nevoa)}
.foto img{width:100%;height:100%;object-fit:cover}
.hero-foto{margin-top:56px;aspect-ratio:4/5}
.hero-foto img{object-position:50% 30%}
.linha-pe{margin-top:16px;font-size:13px;color:var(--tinta-3);letter-spacing:.02em}

/* MIDIA-P1-2: checklist que corre */
.lista-corre{position:relative;height:300px;overflow:hidden;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);
  -webkit-mask:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.lista-trilho{display:flex;flex-direction:column;animation:corre var(--dur,40s) linear infinite;will-change:transform}
.lista-corre:hover .lista-trilho,.lista-corre:focus-within .lista-trilho{animation-play-state:paused}
@keyframes corre{to{transform:translateY(-50%)}}
.lista-trilho li{display:flex;align-items:flex-start;gap:18px;padding:19px 4px;border-bottom:1px solid var(--linha);font:400 19px/1.45 var(--serif);color:var(--tinta)}
.caixa{flex:none;width:16px;height:16px;margin-top:5px;border:1.25px solid var(--terra);border-radius:3px}
.apoio{margin-top:28px;color:var(--tinta-2);max-width:34em}

/* abordagem: ciclo pensa, sente, faz */
.ciclo{position:relative;margin-top:44px;max-width:560px;aspect-ratio:600/190}
.ciclo svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ciclo-traco,.ciclo-ponta{fill:none;stroke:var(--terra);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.ciclo-traco{stroke-dasharray:var(--L,400);stroke-dashoffset:var(--L,400);transition:stroke-dashoffset 1.6s var(--curva-calma)}
.ciclo-ponta{opacity:0;transition:opacity .6s ease}
.ciclo.on .ciclo-traco{stroke-dashoffset:0}
.ciclo.on .ciclo-traco:nth-of-type(2){transition-delay:.5s}
.ciclo.on .ciclo-traco:nth-of-type(3){transition-delay:1s}
.ciclo.on .ciclo-ponta{opacity:1;transition-delay:2.4s}
.ciclo-p{position:absolute;top:51%;transform:translate(-50%,-50%);font:300 italic clamp(22px,5.6vw,34px)/1 var(--serif);color:var(--tinta)}
.c1{left:16.7%}.c2{left:50%}.c3{left:83.3%}

/* pausa com a foto do consultório */
.pausa{margin-top:96px;aspect-ratio:4/3;border-radius:6px;position:relative;overflow:visible;background:none}
.pausa img{border-radius:6px;object-position:50% 60%}
.pausa figcaption{margin-top:12px;font:italic 400 15px/1.4 var(--serif);color:var(--tinta-3)}

/* atendimento */
.ficha{border-top:1px solid var(--linha)}
.ficha>div{display:grid;grid-template-columns:1fr;gap:6px;padding:22px 0;border-bottom:1px solid var(--linha)}
.ficha dt{font:500 12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--terra-escura)}
.ficha dd{font:400 20px/1.4 var(--serif);color:var(--tinta)}
.ficha strong{display:block;font:300 clamp(40px,10vw,52px)/1.05 var(--serif);letter-spacing:-.02em;margin:2px 0 4px}

/* sobre + assinatura (TXT-HAOQI-2) */
.sobre-foto{aspect-ratio:4/5;width:min(100%,420px);margin:0 0 44px}
.sobre-foto img{object-position:40% 35%}
.assinatura{margin-top:40px}
.assin{display:block;width:min(100%,400px);height:auto;overflow:visible}
.assin path{fill:none;stroke:var(--terra);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.assinatura.is-drawing .assin path{animation:assin-mostra 0s linear var(--path-delay) forwards,assin-traca var(--path-dur) cubic-bezier(.65,0,.35,1) var(--path-delay) forwards}
@keyframes assin-traca{to{stroke-dashoffset:0}}
@keyframes assin-mostra{to{opacity:1}}
.assin-leg{margin-top:14px;font-size:13px;color:var(--tinta-3);letter-spacing:.02em;opacity:0;transform:translateY(8px);transition:opacity 1s var(--curva) 0s,transform 1s var(--curva) 0s}
.assinatura.is-drawing .assin-leg{opacity:1;transform:none;transition-delay:var(--leg-delay,2.4s)}

/* SECAO-P1-3: linha do tempo em Gantt */
.gantt{position:relative;display:grid;grid-template-columns:repeat(4,1fr);row-gap:14px;margin-top:8px;padding-bottom:6px}
.gantt-eixo{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.gantt-eixo span{background:var(--papel);border-radius:3px;padding:7px 8px;font:500 10.5px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}
.gantt-grade{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}
.gantt-grade i{border-right:1px dashed var(--linha)}
.passo{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);row-gap:10px;position:relative}
.passo-card{grid-column:1/-1;background:var(--papel);border:1px solid var(--linha);border-radius:6px;padding:18px 18px 16px;position:relative}
.passo-card h3{font:400 23px/1.15 var(--serif);margin:10px 0 6px}
.passo-card p{font-size:15px;line-height:1.55;color:var(--tinta-2)}
.passo-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--tinta);color:var(--fundo);font:500 12px/1 var(--sans)}
.passo-barra{grid-column:var(--de)/var(--ate);height:6px;border-radius:6px;background:var(--terra);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--curva-calma) calc(.25s + var(--i)*.35s)}
.passo-segue .passo-barra{background:linear-gradient(90deg,var(--terra) 55%,rgba(140,110,79,.15))}
.gantt.on .passo-barra{transform:scaleX(1)}
.passo .passo-card{opacity:0;transform:translateY(16px);transition:opacity 1s var(--curva) calc(var(--i)*.35s),transform 1s var(--curva) calc(var(--i)*.35s)}
.gantt.on .passo-card{opacity:1;transform:none}

/* SECAO-DLC-11: FAQ */
.faq{margin-top:8px}
.faq-item{border-top:1px solid rgba(140,110,79,.25);transition:border-color .5s ease;scroll-margin-top:calc(var(--topo-h) + 24px)}
.faq-item:last-child{border-bottom:1px solid rgba(140,110,79,.25)}
.faq-item.aberto{border-top-color:var(--terra)}
.faq-item h3{font:inherit;margin:0}
.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;text-align:left;background:none;border:0;padding:24px 0;cursor:pointer;font:400 21px/1.3 var(--serif);color:var(--tinta)}
.mais{position:relative;flex:none;width:15px;height:15px}
.mais::before,.mais::after{content:"";position:absolute;background:var(--terra);transition:transform .5s var(--curva-calma)}
.mais::before{left:0;right:0;top:7px;height:1px}
.mais::after{top:0;bottom:0;left:7px;width:1px}
.aberto .mais::after{transform:scaleY(0)}
.faq-r{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--curva-calma)}
.faq-r>div{overflow:hidden}
.faq-r p{padding:0 40px 26px 0;color:var(--tinta-2);font-size:17px;max-width:34em}
.aberto .faq-r{grid-template-rows:1fr}
.faq-r.sem-anim{transition:none}

/* índice das dúvidas fixo no celular */
.faq-fixo{position:fixed;right:14px;bottom:14px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:8px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--curva-calma),transform .5s var(--curva-calma);pointer-events:none}
.faq-fixo.vis{opacity:1;transform:none;pointer-events:auto}
.faq-fixo-btn{background:var(--tinta);color:var(--fundo);border:0;border-radius:999px;padding:0 16px;min-height:38px;font:500 12px/1 var(--sans);letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 24px rgba(30,42,68,.22)}
.faq-fixo-lista{width:min(300px,calc(100vw - 28px));background:var(--papel);border:1px solid var(--linha);border-radius:10px;padding:8px;box-shadow:0 18px 50px rgba(30,42,68,.2)}
.faq-fixo-lista button{display:block;width:100%;text-align:left;background:none;border:0;border-radius:6px;padding:11px 12px;font:400 16px/1.3 var(--serif);color:var(--tinta-2);cursor:pointer}
.faq-fixo-lista button.atual{color:var(--tinta);background:rgba(195,206,218,.45)}

/* chamada final */
.final{background:var(--tinta);color:var(--fundo);margin-top:120px;padding:96px var(--lado) 104px}
.final-in{max-width:var(--col);margin:0 auto}
.final h2{color:var(--fundo);margin:0;max-width:18ch}
.final h2 em{color:#C9AE8E}
.final .nota{color:rgba(230,235,240,.7)}
.final .hero-acao{margin-top:40px}

/* rodapé */
.rodape{background:var(--tinta);color:rgba(230,235,240,.7);border-top:1px solid rgba(230,235,240,.12);padding:40px var(--lado) 88px;font-size:14px;line-height:1.6}
.rodape-in{max-width:var(--col);margin:0 auto;display:grid;gap:6px}
.rodape-nome{font:400 24px/1.2 var(--serif);color:var(--fundo);margin-bottom:6px}
.rodape-sos{color:var(--fundo)}
.rodape-demo{margin-top:10px;font-size:13px;color:rgba(230,235,240,.55)}

/* ---------- CTA-P1-2: modal de agendamento ---------- */
.agenda{width:min(600px,calc(100% - 24px));max-height:min(760px,92dvh);border:0;border-radius:16px;padding:0;background:var(--papel);color:var(--tinta);box-shadow:0 24px 60px rgba(30,42,68,.35);overflow:auto;overscroll-behavior:contain}
.agenda[open]{animation:agenda-entra .35s var(--curva-calma)}
.agenda::backdrop{background:rgba(30,42,68,.5);backdrop-filter:blur(4px);animation:fade .25s ease}
@keyframes fade{from{opacity:0}}
@keyframes agenda-entra{from{opacity:0;transform:translateY(12px)}}
.agenda-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 6px}
.agenda-topo h2{font:400 28px/1.1 var(--serif);margin:0;max-width:none}
.agenda-topo p{font-size:13px;color:var(--tinta-3);margin-top:6px}
.fechar{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:rgba(195,206,218,.6);cursor:pointer;display:grid;place-items:center;transition:background-color .3s}
.fechar:hover{background:var(--nevoa)}
.fechar svg{width:18px;height:18px;fill:none;stroke:var(--tinta);stroke-width:1.5;stroke-linecap:round}
.agenda-corpo{padding:14px 24px 0}
.agenda-opcoes{display:grid;gap:14px}
.seg{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.seg legend{width:100%;margin-bottom:8px;padding:0;font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3)}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--linha);font-size:14px;color:var(--tinta-2);transition:all .3s}
.seg input:checked+span{background:var(--tinta);border-color:var(--tinta);color:var(--fundo)}
.seg input:focus-visible+span{outline:2px solid var(--terra);outline-offset:2px}
.agenda-cal{position:relative;margin-top:22px;border-top:1px solid var(--linha);padding-top:18px;min-height:200px}
.esqueleto{display:grid;gap:12px;position:absolute;inset:18px 0 auto;transition:opacity .3s}
.esqueleto i{height:40px;border-radius:8px;background:linear-gradient(90deg,rgba(195,206,218,.45),rgba(195,206,218,.8),rgba(195,206,218,.45));background-size:200% 100%;animation:brilho 1.4s linear infinite}
.esqueleto i:nth-child(2){width:80%}.esqueleto i:nth-child(3){width:60%}
@keyframes brilho{to{background-position:-200% 0}}
.agenda-cal.pronto .esqueleto{opacity:0;pointer-events:none}
.dias,.horas{opacity:0;transition:opacity .4s ease}
.agenda-cal.pronto .dias,.agenda-cal.pronto .horas{opacity:1}
.dias{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.dias button{border:1px solid var(--linha);background:none;border-radius:10px;padding:10px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .3s;min-width:0}
.dias b{font:500 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}
.dias span{font:400 22px/1 var(--serif)}
.dias button[aria-selected="true"]{background:var(--tinta);border-color:var(--tinta);color:var(--fundo)}
.dias button[aria-selected="true"] b{color:rgba(230,235,240,.7)}
.horas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.horas button{min-height:44px;border-radius:8px;border:1px solid var(--linha);background:rgba(255,255,255,.5);cursor:pointer;font:500 15px/1 var(--sans);font-variant-numeric:tabular-nums;transition:all .3s}
.horas button:hover:not(:disabled){border-color:var(--terra)}
.horas button[aria-pressed="true"]{background:var(--terra-escura);border-color:var(--terra-escura);color:#fff}
.horas button:disabled{background:none;color:var(--tinta-3);text-decoration:line-through;cursor:not-allowed;opacity:.6}
.agenda-resumo{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:22px;padding:18px 0 4px;border-top:1px solid var(--linha)}
.resumo-txt{font:400 17px/1.35 var(--serif);color:var(--tinta-2);flex:1 1 220px}
.plano-b{padding:16px 24px 22px;font-size:14px;color:var(--tinta-2);text-align:center}
.plano-b a{color:var(--tinta);text-decoration:underline;text-decoration-color:var(--terra);text-underline-offset:4px;font-weight:500}

/* ---------- aparições (SCROLL-P1-1, calmo) ---------- */
.ap{transition:opacity 1.1s var(--curva) var(--atraso,0s),transform 1.1s var(--curva) var(--atraso,0s)}
[data-ap="sobe"]:not(.on){opacity:0;transform:translateY(15px)}
[data-ap="fade"]:not(.on){opacity:0}


[data-split] em .tk,[data-split] .tk em{font-style:italic}
/* TXT-P1-2: títulos que sobem linha por linha, devagar */
[data-split] .tk{display:inline-block;opacity:.001;transform:translateY(var(--y,18px));
  transition:opacity 1.3s var(--curva),transform 1.3s var(--curva);transition-delay:calc(var(--inicio,0s) + var(--i,0) * .16s)}
[data-split].on .tk{opacity:1;transform:none}

/* ---------- tablet ---------- */
@media (min-width:700px){
  .seg legend{float:left;width:76px;margin:0}
  :root{--lado:32px}
  .ficha>div{grid-template-columns:160px 1fr;gap:24px;align-items:baseline}
  .gantt-eixo span{font-size:11px}
  .passo-card{grid-column:var(--de)/var(--ate)}
  .passo-segue .passo-card{grid-column:var(--de)/5}
  .passo-barra{display:none}
  .passo-card::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;border-radius:6px 6px 0 0;background:var(--terra);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--curva-calma) calc(.25s + var(--i)*.35s)}
  .gantt.on .passo-card::before{transform:scaleX(1)}
  .passo:nth-of-type(1) .passo-card{margin-right:6px}
  .passo:nth-of-type(2) .passo-card,.passo:nth-of-type(3) .passo-card{margin-left:6px}
  .bloco{padding-top:120px}
  .faq-fixo{display:none}
}

/* ---------- desktop: trilho lateral ---------- */
@media (min-width:1100px){
  :root{--topo-h:0px;--vaza:clamp(0px,calc((100vw - 640px)/2 - 120px),220px)}
  .topo{display:none}
  .pagina{display:grid;grid-template-columns:minmax(230px,1fr) var(--col) minmax(0,1fr)}
  .leitura{grid-column:2;max-width:none;padding:0;margin:0}
  .trilho{display:block;grid-column:1;grid-row:1}
  .trilho-in{height:100%;padding:44px 32px 0 clamp(32px,4vw,64px)}
  .trilho-fixo{position:sticky;top:max(150px,calc(50vh - 200px));margin-top:max(80px,calc(50vh - 260px));display:grid;gap:56px}
  .indice{position:relative;padding-left:20px}
  .indice-trilha{position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--linha)}
  .indice-trilha i{position:absolute;left:-1px;top:0;width:3px;height:var(--h,22px);border-radius:2px;background:var(--terra);transform:translateY(var(--y,0));transition:transform .9s var(--curva-calma),height .9s var(--curva-calma)}
  .indice-lista{display:grid;gap:2px}
  .indice-lista>li>button{display:flex;gap:12px;align-items:baseline;width:100%;background:none;border:0;padding:6px 0;cursor:pointer;text-align:left;font:400 15px/1.3 var(--sans);color:var(--tinta-3);transition:color .6s var(--curva-calma)}
  .indice-lista>li>button small{font-size:11px;font-variant-numeric:tabular-nums;color:var(--tinta-3);min-width:16px}
  .indice-lista>li>button:hover{color:var(--tinta-2)}
  .indice-lista>li.is-active>button{color:var(--tinta)}
  .indice-lista>li.is-active>button small{color:var(--terra-escura)}
  .sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--curva-calma)}
  .sub>ol{overflow:hidden;display:grid;gap:0;padding-left:28px}
  .is-active>.sub{grid-template-rows:1fr}
  .sub button{display:block;width:100%;background:none;border:0;padding:5px 0;text-align:left;cursor:pointer;font:400 15px/1.3 var(--serif);font-style:italic;color:var(--tinta);opacity:.4;transition:opacity .5s}
  .sub button:hover{opacity:.7}
  .sub button.atual{opacity:1}
  .sub>ol>li:first-child{padding-top:4px}
  .trilho-pe{display:grid;gap:14px;justify-items:start}
  .trilho-pe p{font-size:12.5px;line-height:1.5;color:var(--tinta-3)}
  .hero{padding-top:14vh}
  .bloco{padding-top:150px}
  .hero-foto{aspect-ratio:5/4;margin-top:72px}
  .lista-corre{height:340px}
  .pausa{margin-top:150px;aspect-ratio:16/10}
  .sobre-foto{float:right;width:300px;margin:6px calc(-1 * var(--vaza)) 24px 40px;shape-outside:margin-box}
  .sobre .assinatura{margin-top:48px}
  .sobre::after{content:"";display:table;clear:both}
  .assin{width:min(380px,100%)}
  .final{margin-top:180px;padding:140px var(--lado) 150px}
}
@media (min-width:1300px){
  .sobre-foto{width:380px;margin-right:calc(-1 * var(--vaza) + 20px)}
}

/* ---------- movimento reduzido ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
  .ap,[data-split] .tk{opacity:1!important;transform:none!important}
  .lista-corre{height:auto;-webkit-mask:none;mask:none}
  .lista-trilho{animation:none}
  .lista-trilho > li[aria-hidden="true"]{display:none}
  .assin path{opacity:1;stroke-dashoffset:0!important;animation:none!important}
  .assin-leg{opacity:1;transform:none}
  .ciclo-traco{stroke-dashoffset:0}.ciclo-ponta{opacity:1}
  .passo-barra,.passo-card::before{transform:none!important}
  .passo .passo-card{opacity:1;transform:none}
}