/* "Quem deveria influenciar quem?" — prancha de pesos e medidas: vinho, latão e papel */
:root{
  --vinho:#2a0f14; --vinho-2:#3b171d; --vinho-3:#1a080b;
  --latao:#c9953f; --latao-c:#e3bb78; --latao-e:#9c6d26;
  --osso:#f2e8d8; --papel:#f4ecdc; --papel-2:#ebdfc8; --papel-3:#e2d3b6;
  --tinta:#251a12; --tinta-2:#5c4a36; --tinta-3:#86735c;
  --laranja:#d4541e;
  --display:"Playfair Display",Georgia,"Times New Roman",serif;
  --serif:"EB Garamond",Georgia,"Times New Roman",serif;
  --col:40rem;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--serif);font-size:20px;line-height:1.72;
  font-variant-numeric:oldstyle-nums proportional-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--latao);outline-offset:3px}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--latao-c);color:var(--vinho);padding:10px 16px;text-decoration:none}
.pular:focus{top:12px}

/* rótulo em versalete: o lugar da monoespaçada da maquete, mais coerente com o livro */
.vs,.abre__kicker,.abre__meta,.fig__t,.sumario__t,.plaqueta span,.fichas__q,.objecao__n,.anuncio__tag,.smith__pais,.placa__tipo{
  font-family:var(--serif);font-variant-caps:all-small-caps;letter-spacing:.09em;font-variant-numeric:lining-nums}

/* ---------- barra de leitura e topo ---------- */
.progresso{position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none}
.progresso span{display:block;height:100%;background:linear-gradient(90deg,var(--latao-e),var(--latao-c));transform-origin:0 50%;transform:scaleX(0)}
.topo{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:14px clamp(16px,3vw,32px);color:var(--latao-c);transition:background .35s,transform .35s,box-shadow .35s}
.topo.is-solido{background:rgba(26,8,11,.94);box-shadow:0 1px 0 rgba(201,149,63,.22)}
.topo.is-escondido{transform:translateY(-100%)}
.topo a{text-decoration:none;display:inline-flex;align-items:center;gap:.5em;font-size:1rem}
.topo__marca img{height:30px;width:auto}
.topo__volta i,.topo__pdf i{font-style:normal}
@media (max-width:560px){.topo__volta span{display:none}.topo__volta i{font-size:1.3rem}}

/* ---------- abertura ---------- */
.abre{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);
  align-items:center;padding:clamp(96px,12vh,140px) clamp(16px,6vw,96px) clamp(56px,8vh,96px);
  background:radial-gradient(1100px 700px at 30% 20%,#4b1c24 0%,var(--vinho) 52%,var(--vinho-3) 100%);color:var(--osso);overflow:hidden}
.abre__pano{position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .4 0 0 0 0 .3 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.abre__quadro{position:relative;margin:0;justify-self:end;width:min(100%,460px)}
.moldura{padding:clamp(10px,1.4vw,16px);background:
  linear-gradient(135deg,#f0cf8c 0%,#b07c2c 18%,#e3bb78 34%,#7a5219 52%,#d7a85a 70%,#8d611f 86%,#e8c47f 100%);
  box-shadow:0 30px 60px rgba(0,0,0,.55),0 4px 10px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,236,190,.35)}
.moldura img{width:100%;height:auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 0 0 3px #3a2410;aspect-ratio:4/5;object-fit:cover}
.plaqueta{display:grid;gap:1px;justify-items:center;width:fit-content;margin:22px auto 0;padding:9px 22px 10px;
  background:linear-gradient(180deg,#e7c27d,#b98a3c);color:#3a2310;border-radius:2px;
  box-shadow:0 6px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,245,215,.6),inset 0 -1px 0 rgba(90,55,15,.5);line-height:1.2}
.plaqueta i{font-family:var(--display);font-size:1.1rem}
.plaqueta span{font-size:.82rem}
.abre__txt{max-width:36rem}
.abre__kicker{margin:0 0 1.4rem;color:var(--latao);font-size:1.05rem;display:flex;align-items:center;gap:14px}
.abre__kicker::before{content:"";width:46px;height:1px;background:currentColor}
.abre__titulo{margin:0;font-family:var(--display);font-weight:800;line-height:.92;letter-spacing:-.012em}
.abre__titulo span{display:block}
.t1{font-size:clamp(4rem,9.5vw,8.2rem);color:var(--osso)}
.t2{font-style:italic;font-weight:500;font-size:clamp(1.7rem,3.8vw,3.2rem);color:var(--latao-c);letter-spacing:0;margin:.32em 0 .22em .06em;line-height:1.1}
.t3{font-size:clamp(4rem,9.5vw,8.2rem);color:var(--latao);padding-left:.5em;display:flex!important;align-items:center;gap:.12em}
.t3__seta{width:.5em;height:auto;fill:none;stroke:var(--latao-c);stroke-width:2.2;opacity:.8}
.abre__lema{margin:1.6rem 0 0;font-family:var(--display);font-style:italic;color:var(--latao-c);opacity:.85;font-size:1.1rem}
.abre__autor{margin:1.6rem 0 .5rem;font-size:1.05rem;letter-spacing:.24em;color:var(--osso)}
.abre__sub{margin:0 0 1.2rem;font-style:italic;color:rgba(242,232,216,.82);font-size:1.22rem;line-height:1.5}
.abre__meta{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0 0 1.8rem;color:rgba(227,187,120,.85);font-size:1rem}
.abre__acoes{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:860px){
  .abre{grid-template-columns:1fr;text-align:left;padding-top:92px}
  .abre__quadro{justify-self:center;width:min(78vw,360px)}
}

/* entrada da abertura: um único momento coreografado */
.js .abre__quadro,.js .abre__txt>*{opacity:0;transform:translateY(14px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .abre.is-pronta .abre__quadro,.js .abre.is-pronta .abre__txt>*{opacity:1;transform:none}
.js .abre.is-pronta .abre__txt>*:nth-child(2){transition-delay:.12s}
.js .abre.is-pronta .abre__txt>*:nth-child(n+3){transition-delay:.26s}
@media (prefers-reduced-motion:reduce){.js .abre__quadro,.js .abre__txt>*{opacity:1;transform:none;transition:none}}

/* ---------- botões ---------- */
.botao{display:inline-flex;align-items:center;gap:.6em;padding:.8em 1.4em;border:1px solid var(--latao);background:var(--latao-c);color:var(--vinho);
  text-decoration:none;font-family:var(--serif);font-size:1.02rem;letter-spacing:.02em;border-radius:2px;transition:background .2s,color .2s}
.botao i{font-style:normal}
.botao:hover{background:var(--osso)}
.botao--linha{background:transparent;color:var(--latao-c)}
.botao--linha:hover{background:rgba(227,187,120,.12);color:var(--osso)}
.botao--claro{background:var(--osso);border-color:var(--osso)}
.botao--latao{background:var(--latao);border-color:var(--latao);color:var(--vinho-3)}

/* ---------- leitura ---------- */
.leitura{display:grid;grid-template-columns:240px minmax(0,var(--col));justify-content:center;gap:clamp(40px,6vw,96px);
  padding:clamp(56px,9vh,96px) clamp(16px,4vw,48px) 40px}
.sumario{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;font-size:.95rem;line-height:1.35;color:var(--tinta-2);scrollbar-width:thin}
.sumario__fiel{display:grid;justify-items:start;gap:4px;margin-bottom:22px}
.sumario__peso{font-style:italic;color:var(--tinta-3);font-size:.88rem}
.sumario__t{margin:0 0 .6rem;color:var(--vinho);font-size:1rem}
.sumario ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.sumario a{display:grid;grid-template-columns:1.6em 1fr;padding:6px 0 6px 10px;text-decoration:none;border-left:2px solid transparent;transition:color .2s,border-color .2s}
.sumario a span{color:var(--latao-e);font-variant-numeric:lining-nums}
.sumario a:hover{color:var(--vinho)}
.sumario a.is-ativo{color:var(--vinho);border-left-color:var(--latao)}
.sumario__dica{margin-top:20px;font-size:.85rem;font-style:italic;color:var(--tinta-3)}
@media (max-width:1100px){.leitura{grid-template-columns:minmax(0,var(--col))}.sumario{display:none}}

/* a balancinha do sumário: o travessão se acerta conforme a leitura avança */
.fiel{width:118px;height:auto;overflow:visible;fill:none;stroke:var(--latao-e);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fiel__trav{transform-origin:80px 26px;transform:rotate(var(--incl,-9deg));transition:transform .25s linear}
.fiel__prato--e{transform-origin:18px 26px;transform:rotate(calc(var(--incl,-9deg) * -1))}
.fiel__prato--d{transform-origin:142px 26px;transform:rotate(calc(var(--incl,-9deg) * -1))}
.fiel__prato path:last-child{fill:rgba(201,149,63,.18)}
.fiel__eixo{fill:var(--latao);stroke:none}
.fiel.is-justo{stroke:var(--vinho)}

.texto{min-width:0}
.secao{--i:0;position:relative;padding-top:56px;margin-top:40px}
.secao:first-child{margin-top:0;padding-top:0}
/* o sarrafo entre as seções: régua fina com um segmento grosso que sobe um pouco a cada parte */
.secao+.secao::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(92,74,54,.28)}
.secao+.secao::after{content:"";position:absolute;left:38%;width:24%;top:-1px;height:3px;background:var(--latao);transform:translateY(calc(var(--i) * -1.4px))}
.secao h2{margin:0 0 1.4rem;display:grid;grid-template-columns:auto 1fr;gap:.55em;align-items:baseline;
  font-family:var(--display);font-weight:700;font-size:clamp(1.65rem,3.4vw,2.3rem);line-height:1.14;color:var(--vinho);text-wrap:balance}
.secao__n{font-weight:500;font-style:italic;color:var(--latao);font-size:1.25em;font-variant-numeric:lining-nums}
.texto h3{margin:2.6rem 0 .9rem;font-family:var(--display);font-weight:600;font-size:1.32rem;line-height:1.25;color:var(--vinho-2)}
.texto h3 span{display:block;font-family:var(--serif);font-weight:500;font-size:.98rem;color:var(--latao-e);letter-spacing:.06em;margin-bottom:.15em;font-variant-numeric:lining-nums}
.texto p{margin:0 0 1.2em;hyphens:auto;-webkit-hyphens:auto}
.capitular::first-letter{float:left;font-family:var(--display);font-weight:800;font-size:4.6em;line-height:.78;margin:.07em .1em 0 0;color:var(--vinho)}
.tese{position:relative;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--latao);font-size:1.12em;line-height:1.6;color:var(--vinho-2)}
.pergunta{margin:2rem 0;padding:1.6rem 0 1.6rem 1.4rem;border-left:3px solid var(--vinho);font-family:var(--display);font-style:italic;font-size:clamp(1.3rem,2.6vw,1.6rem);line-height:1.38;color:var(--vinho)}
.pergunta p{margin:0;hyphens:none}
.cit{margin:2rem 0}
.cit blockquote{margin:0;padding-left:1.3rem;border-left:2px solid var(--latao);font-style:italic;font-size:1.12em;color:var(--vinho-2)}
.cit blockquote p{margin:0}
.cit figcaption{margin-top:.6rem;padding-left:1.3rem;font-size:.95rem;color:var(--tinta-3)}

/* notas: o número abre a nota debaixo do parágrafo */
.ref{line-height:0;font-size:.62em;vertical-align:.65em;margin-left:0}
.ref a{display:inline-block;padding:.1em .08em;text-align:center;text-decoration:none;color:var(--latao-e);
  font-family:var(--serif);font-weight:600;font-variant-numeric:lining-nums;border-radius:2px;cursor:pointer}
.ref a:hover,.ref a[aria-expanded="true"]{background:var(--vinho);color:var(--latao-c)}
.nota-aberta{margin:-.4em 0 1.4em;padding:.8em 1em .8em 1.1em;background:var(--papel-2);border-left:2px solid var(--latao);
  font-size:.86em;line-height:1.55;color:var(--tinta-2);display:grid;grid-template-columns:auto 1fr auto;gap:.2em .8em;align-items:start}
.nota-aberta b{color:var(--vinho);font-variant-numeric:lining-nums}
.nota-aberta button{border:0;background:none;color:var(--tinta-3);font:inherit;font-size:1.2em;line-height:1;cursor:pointer;padding:0 .2em}
.nota-aberta a{color:var(--vinho);word-break:break-all}

/* ---------- figuras ---------- */
.fig{margin:2.4rem 0;padding:1.4rem 1.4rem 1.1rem;background:var(--papel-2);border:1px solid rgba(92,74,54,.22)}
.fig__t{margin:0 0 1.1rem;color:var(--vinho);font-size:1.05rem}
.fig figcaption{margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(92,74,54,.2);font-size:.9rem;line-height:1.5;color:var(--tinta-2)}

.smith{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.smith__pais{margin:0;color:var(--vinho);font-size:1.1rem}
.smith__sub{margin:0 0 .9rem;font-size:.88rem;line-height:1.35;color:var(--tinta-3)}
.smith__nota{margin:.7rem 0 0;font-size:.88rem;line-height:1.4;font-style:italic;color:var(--tinta-2)}
.barra{display:grid;grid-template-columns:5.2em 1fr auto;gap:10px;align-items:center;margin-bottom:10px;font-size:.92rem}
.barra b{font-weight:600;color:var(--vinho);font-variant-numeric:lining-nums;white-space:nowrap}
.barra__trilho{position:relative;height:14px}
.barra__trilho i{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(201,149,63,.4);transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.barra__trilho i.depois{background:var(--vinho);top:3px;bottom:3px;transition-delay:.5s}
.barra--ruim .barra__trilho i.depois{background:var(--latao-e)}
.is-visto .barra__trilho i{width:calc(var(--v) * 2.4%)}
.pilha{display:flex;height:46px;margin-top:6px;overflow:hidden;font-size:.84rem;line-height:1.1}
.pilha span{display:flex;align-items:center;padding:0 8px;width:0;white-space:nowrap;overflow:hidden;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.is-visto .pilha span{width:calc(var(--v) * 1%)}
.pilha__a{background:var(--vinho);color:var(--osso)}
.pilha__a b{margin-right:.35em;font-size:1.3em}
.pilha__b{background:var(--papel-3);color:var(--tinta)}
.pilha__c{background:var(--latao);color:var(--vinho-3);padding:0 4px!important}
.pilha__leg{display:flex;gap:16px;margin:.5rem 0 0;font-size:.84rem;color:var(--tinta-2)}
.cor{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:0}
.cor--b{background:var(--papel-3);outline:1px solid rgba(92,74,54,.3)}.cor--c{background:var(--latao)}
@media (max-width:600px){.smith{grid-template-columns:1fr}}

/* o sarrafo interativo — o elemento que a página quer que você toque */
.fig--sarrafo{background:var(--vinho);border-color:var(--vinho);color:var(--osso)}
.fig--sarrafo .fig__t{color:var(--latao-c)}
.fig--sarrafo figcaption{color:rgba(242,232,216,.78);border-top-color:rgba(227,187,120,.25)}
.sarrafo__cena{width:100%;height:auto;overflow:visible}
.sarrafo .chao{stroke:rgba(227,187,120,.45);stroke-width:1.5}
.sarrafo .arco{fill:none;stroke-width:2.5;stroke-dasharray:6 7;transition:stroke .3s,opacity .3s}
.sarrafo .arco--honesto{stroke:var(--latao-c)}
.sarrafo .arco--desonesto{stroke:var(--latao-c)}
.sarrafo .arco.is-barrado{stroke:#a96a5c;opacity:.55}
.raia__nome{fill:rgba(242,232,216,.85);font-family:var(--serif);font-size:17px;font-style:italic}
.trave{transition:transform .15s linear}
.trave__linha{stroke:var(--latao);stroke-width:5;stroke-linecap:round}
.trave__ponta{fill:var(--osso)}
.marca circle{fill:var(--latao-c)}
.marca text{fill:var(--vinho);font-size:12px;font-weight:700;font-family:var(--serif)}
.marca.is-barrado circle{fill:#a96a5c}
.marca{transition:transform .15s linear}
.sarrafo__ctl{display:grid;gap:8px;margin-top:14px;font-size:.95rem;color:rgba(242,232,216,.88)}
.sarrafo__ctl input{width:100%;accent-color:var(--latao);height:28px;cursor:grab}
.sarrafo__saida{display:block;margin-top:10px;min-height:3.1em;font-family:var(--display);font-style:italic;font-size:1.15rem;line-height:1.35;color:var(--osso)}

.fichas{list-style:none;margin:1.6rem 0 2.2rem;padding:0;display:grid;gap:10px;counter-reset:f}
.fichas a{display:grid;grid-template-columns:3.2em 1fr;grid-template-rows:auto auto auto;column-gap:14px;padding:14px 16px 14px 0;text-decoration:none;
  background:var(--papel-2);border:1px solid rgba(92,74,54,.2);transition:border-color .2s,background .2s}
.fichas a::before{counter-increment:f;content:"5." counter(f);grid-row:1/4;align-self:start;padding:3px 0 0;text-align:center;border-right:1px solid rgba(201,149,63,.5);
  color:var(--latao-e);font-variant-numeric:lining-nums;font-size:.92rem;height:100%}
.fichas a:hover{border-color:var(--latao);background:var(--papel)}
.fichas__q{font-size:.86rem;color:var(--tinta-3)}
.fichas__t{font-family:var(--display);font-weight:600;font-size:1.08rem;color:var(--vinho);line-height:1.25;margin:2px 0 4px}
.fichas__d{font-size:.95rem;line-height:1.45;color:var(--tinta-2)}

.placas{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.placa{padding:16px 16px 14px;border-radius:3px;background:#3f2a1a;color:#f1e3c8;box-shadow:inset 0 0 0 4px #2d1d11,inset 0 0 0 5px rgba(241,227,200,.25)}
.placa--boa{background:#2f3b2a;box-shadow:inset 0 0 0 4px #212a1d,inset 0 0 0 5px rgba(241,227,200,.25)}
.placa__texto{margin:0 0 10px;font-style:italic;font-size:.98rem;line-height:1.42}
.placa__tipo{margin:0 0 6px;font-size:.88rem;color:rgba(241,227,200,.7);display:flex;align-items:center;gap:8px}
.placa__tipo svg{width:18px;fill:none;stroke:#e46c4e;stroke-width:2.2}
.placa__num{margin:0 0 8px;font-size:.95rem}
.placa__num b{font-family:var(--display);font-size:2rem;font-weight:700;margin-right:.2em;font-variant-numeric:lining-nums}
.placa__barra{display:block;height:8px;background:rgba(241,227,200,.15)}
.placa__barra i{display:block;height:100%;width:0;background:var(--latao-c);transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.is-visto .placa__barra i{width:calc(var(--v) * 10%)}
@media (max-width:600px){.placas{grid-template-columns:1fr}}

.turno{display:flex;height:64px;overflow:hidden}
.turno__s{display:flex;flex-direction:column;justify-content:center;padding:0 10px;width:0;white-space:nowrap;overflow:hidden;transition:width 1.2s cubic-bezier(.2,.7,.2,1);line-height:1.15}
.is-visto .turno__s{width:calc(var(--v) * 1%)}
.turno__s b{font-family:var(--display);font-size:1.15rem;font-variant-numeric:lining-nums}
.turno__s em{font-size:.8rem;font-style:normal}
.turno__s--a{background:var(--vinho);color:var(--osso)}
.turno__s--b{background:var(--vinho-2);color:var(--osso);box-shadow:inset 2px 0 0 var(--papel-2)}
.turno__s--c{background:var(--latao);color:var(--vinho-3);padding:0 5px;box-shadow:inset 2px 0 0 var(--papel-2)}
.turno__s--c em{white-space:normal;font-size:.7rem}

/* o comercial de 1976: a única vez que o laranja entra */
.anuncio{position:relative;margin:2.8rem clamp(-56px,-3.5vw,0px);padding:clamp(28px,5vw,52px);overflow:hidden;color:#fff6e8;
  background:linear-gradient(160deg,#e06a24 0%,var(--laranja) 55%,#b63c16 100%)}
.anuncio::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.16) 1px,transparent 1.4px);background-size:4px 4px;pointer-events:none}
.anuncio>*{position:relative}
.anuncio__tag{margin:0 0 1rem;font-size:1rem;opacity:.9}
.anuncio__fala{margin:0}
.anuncio__fala p{margin:0;hyphens:none;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(1.5rem,3.6vw,2.3rem);line-height:1.2}
.anuncio__cred{margin-top:1.2rem;font-size:.92rem;line-height:1.4;opacity:.92}

.prov{margin:2.6rem 0;padding:2rem clamp(20px,4vw,40px) 1.6rem;background:var(--vinho);color:var(--osso);text-align:center;
  box-shadow:inset 0 0 0 6px var(--vinho),inset 0 0 0 7px rgba(201,149,63,.6)}
.prov__fiel{width:84px;margin:0 auto 1rem;fill:none;stroke:var(--latao);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.prov blockquote{margin:0}
.prov blockquote p{margin:0;hyphens:none;text-wrap:balance;font-family:var(--display);font-style:italic;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.3;color:var(--osso)}
.prov figcaption{margin-top:.9rem;color:var(--latao-c);letter-spacing:.08em}

.objecao{margin:1.4rem 0;border-top:1px solid rgba(92,74,54,.28)}
.objecao summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:16px 0 12px}
.objecao summary::-webkit-details-marker{display:none}
.objecao summary::after{content:"+";grid-row:1/3;grid-column:2;align-self:center;font-family:var(--display);font-size:1.6rem;color:var(--latao-e);line-height:1}
.objecao[open] summary::after{content:"−"}
.objecao__n{color:var(--latao-e);font-size:1rem}
.objecao__t{font-family:var(--display);font-weight:600;font-size:1.18rem;line-height:1.32;color:var(--vinho)}
.objecao__r{padding-bottom:.4rem}

.obras,.notas{margin-top:64px;padding-top:28px;border-top:1px solid rgba(92,74,54,.3);font-size:.9rem;line-height:1.55;color:var(--tinta-2)}
.obras h2,.notas h2{margin:0 0 1rem;font-family:var(--display);font-size:1.3rem;color:var(--vinho)}
.obras ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.obras li{padding-left:1.2em;text-indent:-1.2em}
.notas ol{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.notas li{display:grid;grid-template-columns:2em 1fr auto;gap:0 6px;scroll-margin-top:100px}
.notas li:target{background:var(--papel-2);outline:6px solid var(--papel-2)}
.notas__n{color:var(--latao-e);font-weight:600;font-variant-numeric:lining-nums}
.notas a{color:var(--vinho);word-break:break-word}
.notas__volta{text-decoration:none}

/* ---------- fim ---------- */
.fim{margin-top:72px;padding:clamp(64px,10vh,110px) 20px 56px;text-align:center;color:var(--osso);
  background:radial-gradient(900px 500px at 50% 0%,#4b1c24 0%,var(--vinho) 55%,var(--vinho-3) 100%)}
.fiel--fim{width:140px;margin:0 auto 26px;stroke:var(--latao);--incl:-9deg}
.fiel--fim.is-justo{--incl:0deg;stroke:var(--latao-c)}
.fiel--fim .fiel__trav,.fiel--fim .fiel__prato{transition:transform 1.6s cubic-bezier(.3,1.5,.4,1)}
.fim__frase{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,7vw,4.6rem);line-height:1;letter-spacing:-.01em}
.fim__legenda{margin:1rem auto 2rem;max-width:34rem;text-wrap:balance;font-style:italic;color:var(--latao-c);font-size:1.15rem;line-height:1.45}
.fim__acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:44px}
.fim__logo{height:44px;width:auto;margin:0 auto;opacity:.9}
.fim__cred{margin:26px 0 0;font-size:.82rem;color:rgba(242,232,216,.5)}

@media (max-width:600px){
  body{font-size:18.5px}
  .fig{padding:1.1rem 1rem .9rem;margin-left:-4px;margin-right:-4px}
  .anuncio{margin-left:-16px;margin-right:-16px}
  .secao h2{grid-template-columns:1fr;gap:0}
}
@media print{.topo,.progresso,.sumario,.abre__acoes,.fim__acoes{display:none}.abre{min-height:0;background:none;color:var(--tinta)}body{background:#fff}}

/* ---------- cortina de veludo (abertura e rodapé) com balanço suave ---------- */
.cortina{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.cortina__pano{position:absolute;inset:-6% -4%;background:url("../assets/artigos/balanca/cortina.webp") center/cover;
  transform-origin:50% -30%;animation:cortina-balanco 13s ease-in-out infinite alternate;will-change:transform}
/* segunda camada do mesmo tecido, deslocada, cria a dobra que respira */
.cortina__pano--b{opacity:.45;mix-blend-mode:soft-light;background-position:38% center;animation:cortina-respira 17s ease-in-out infinite alternate}
/* a luz de vela que passeia sobre as cristas das pregas */
.cortina__luz{position:absolute;inset:0;background:radial-gradient(40% 70% at 30% 35%,rgba(255,196,120,.22),transparent 70%);
  mix-blend-mode:screen;animation:cortina-luz 19s ease-in-out infinite alternate}
.cortina__sombra{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,6,9,.15) 0%,rgba(20,6,9,.35) 45%,rgba(20,6,9,.82) 100%),
  linear-gradient(180deg,rgba(20,6,9,.55) 0%,rgba(20,6,9,0) 22%,rgba(20,6,9,0) 70%,rgba(20,6,9,.75) 100%)}
@keyframes cortina-balanco{0%{transform:scale(1.04) rotate(-.45deg) translateX(-.8%)}100%{transform:scale(1.04) rotate(.45deg) translateX(.8%)}}
@keyframes cortina-respira{0%{transform:scaleX(1.03) translateX(-1.6%)}100%{transform:scaleX(1.08) translateX(1.6%)}}
@keyframes cortina-luz{0%{transform:translateX(-12%);opacity:.75}50%{opacity:1}100%{transform:translateX(26%);opacity:.8}}
@media (prefers-reduced-motion:reduce){.cortina__pano,.cortina__luz{animation:none}}
.abre{background:var(--vinho-3)}
.abre>*:not(.cortina){position:relative;z-index:1}
.abre .cortina__sombra{background:linear-gradient(90deg,rgba(20,6,9,.25) 0%,rgba(20,6,9,.35) 40%,rgba(20,6,9,.86) 70%,rgba(20,6,9,.9) 100%),
  linear-gradient(180deg,rgba(20,6,9,.6) 0%,rgba(20,6,9,0) 20%,rgba(20,6,9,0) 72%,rgba(20,6,9,.85) 100%)}
@media (max-width:860px){.abre .cortina__sombra{background:linear-gradient(180deg,rgba(20,6,9,.55) 0%,rgba(20,6,9,.2) 25%,rgba(20,6,9,.75) 55%,rgba(20,6,9,.92) 100%)}}
.fim{position:relative;overflow:hidden;background:var(--vinho-3)}
.fim>*:not(.cortina){position:relative;z-index:1}
.fim .cortina__sombra{background:radial-gradient(60% 70% at 50% 45%,rgba(20,6,9,.75),rgba(20,6,9,.35) 80%),linear-gradient(180deg,rgba(20,6,9,.7),rgba(20,6,9,0) 30%)}

/* ---------- gravuras estampadas no papel, atrás do texto ---------- */
.leitura{position:relative;isolation:isolate}


/* gravuras como vinheta no fim da seção, fora do texto corrido */
.vinheta{margin:2.6rem auto 0;width:min(100%,340px);text-align:center}
.vinheta img{width:100%;height:auto;mix-blend-mode:multiply;opacity:.88}
.vinheta figcaption{margin-top:.2rem;font-style:italic;font-size:.88rem;color:var(--tinta-3)}

/* Fig. 1: colunas antes e depois */
.colunas{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:4px}
.colunas__par{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:150px;border-bottom:1px solid rgba(92,74,54,.45)}
.coluna{position:relative;width:38%;max-width:56px;height:0;background:rgba(201,149,63,.45);transition:height 1.1s cubic-bezier(.2,.7,.2,1)}
.coluna--depois{background:var(--vinho);transition-delay:.45s}
.colunas__grupo--rej .coluna--depois{background:var(--latao-e)}
.is-visto .coluna{height:calc(var(--v) * 3.4px)}
.coluna b{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-4px);font-size:.9rem;font-weight:600;color:var(--vinho);white-space:nowrap;font-variant-numeric:lining-nums}
.colunas__seta{align-self:flex-start;width:30px;flex:none;fill:none;stroke:var(--laranja);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:8px}
.colunas__rot{margin:.4rem 0 0;text-align:center;font-size:.92rem;color:var(--tinta)}
.colunas__leg{display:flex;gap:16px;margin:.5rem 0 0;font-size:.84rem;color:var(--tinta-2)}
.cor--antes{background:rgba(201,149,63,.45)}.cor--depois{background:var(--vinho)}