/* fl. 05 — Testemunhas (avaliações). Topo em papel, pé em névoa. */
.av-secao{position:relative;isolation:isolate;overflow:hidden;padding:var(--e-secao) var(--e-margem);
  background:linear-gradient(180deg,var(--e-papel) 0,var(--e-papel) 16%,var(--e-nevoa) 78%,var(--e-nevoa) 100%)}
.av-dentro{max-width:1240px;margin:0 auto}
.av-cab{padding-bottom:14px;border-bottom:1px solid rgba(11,19,45,.16)}

/* abertura: título e nota */
.av-abre{display:grid;grid-template-columns:minmax(0,7.4fr) minmax(0,4fr);gap:40px clamp(36px,5.4vw,84px);align-items:end;padding-top:clamp(36px,5vw,72px)}
.av-titulo{font-family:var(--e-serifa);font-weight:400;font-size:clamp(34px,4.5vw,68px);line-height:1.06;letter-spacing:-.02em;max-width:12em}
.av-apoio{margin-top:22px;max-width:34em;font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.6;color:var(--e-tinta-2)}
.av-nota{display:grid;justify-items:start;gap:10px}
.av-nota-num{font-family:var(--e-serifa);font-size:clamp(96px,11vw,168px);line-height:.82;letter-spacing:-.04em;color:var(--e-tinta);white-space:nowrap}
.av-nota-de{font-family:var(--e-sem);font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--e-ouro-tinta);margin-left:14px}
.av-fio{display:block;position:relative;width:100%;max-width:300px;height:1px;background:var(--e-ouro-tinta);margin:14px 0 6px}
.av-fio i{position:absolute;left:50%;top:50%;width:7px;height:7px;background:var(--e-ouro);outline:1px solid var(--e-ouro-tinta);transform:translate(-50%,-50%) rotate(45deg)}
.av-nota-leg{font-size:15px;line-height:1.5;color:var(--e-tinta)}
.av-nota-leg span{font-size:13px;color:var(--e-tinta-2)}
.av-link{display:inline-block;font-size:15px;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding:10px 0 4px;transition:color .3s,border-color .3s}
.av-nota .av-link{margin-top:-2px}
.av-link::after{content:" ↗";font-size:.85em}
.av-link:hover{color:var(--e-ardosia)}

/* rótulos, números e assinaturas */
.av-rot,.av-num{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--e-ouro-tinta);white-space:nowrap}
.av-mao{font-family:var(--e-mao);color:var(--e-ardosia);line-height:1;white-space:nowrap;display:inline-block}
.av-ass{position:relative;display:inline-block;padding:0 22px 2px 24px;border-bottom:1.5px solid rgba(11,19,45,.7)}
.av-ass .av-mao{font-size:36px;padding:0 .12em 0 0}
.av-ass--g{padding:0 34px 2px 30px}
.av-ass--g .av-mao{font-size:clamp(48px,4.8vw,70px)}
.av-xis{position:absolute;left:2px;bottom:5px;font:300 14px/1 var(--e-sem);color:var(--e-ouro-tinta)}

/* cada testemunha tem a sua mão: inclinação, tamanho e pouso diferentes (a cor é sempre a ardósia) */
.av-mao{transform-origin:0 85%;transform:translateY(var(--av-y,0)) rotate(var(--av-r,0deg)) skewX(var(--av-k,0deg)) scale(var(--av-s,1))}
.av-mao--1{--av-r:-3.2deg;--av-y:3px;letter-spacing:.01em}
.av-mao--2{--av-r:-1deg;--av-k:-7deg;--av-s:.92;--av-y:1px;letter-spacing:.035em}
.av-mao--3{--av-r:-4.5deg;--av-k:5deg;--av-s:1.06;--av-y:4px;letter-spacing:-.01em}
.av-mao--4{--av-r:.6deg;--av-k:-3deg;--av-s:.96;letter-spacing:.02em}
.av-mao--5{--av-r:-2.2deg;--av-k:8deg;--av-s:1.02;--av-y:2px}

/* o rol: termo da primeira testemunha + três lançamentos ao lado */
.av-rol{display:grid;grid-template-columns:minmax(0,7.4fr) minmax(0,4fr);gap:40px clamp(36px,5.4vw,84px);align-items:start;margin-top:clamp(52px,6.5vw,100px)}
.av-termo{position:relative;z-index:0;background:linear-gradient(178deg,var(--e-papel-claro),var(--e-papel) 60%,var(--e-papel-2));padding:22px clamp(26px,3.6vw,54px) clamp(30px,3.4vw,46px) clamp(52px,5.4vw,84px);transform:rotate(-.8deg);box-shadow:0 1px 0 rgba(11,19,45,.08),0 28px 50px -28px rgba(11,19,45,.5)}
.av-termo::after{content:"";position:absolute;z-index:-1;inset:10px -12px -12px 14px;background:linear-gradient(178deg,var(--e-papel),var(--e-papel-2));transform:rotate(1.5deg);box-shadow:0 18px 34px -24px rgba(11,19,45,.45)}
.av-termo::before{content:"";position:absolute;left:clamp(30px,3vw,46px);top:0;bottom:0;width:1px;background:var(--e-margem-rosa);opacity:.8}
.av-termo-cab,.av-pag-cab{display:flex;justify-content:space-between;gap:12px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--e-ouro-tinta);font-weight:600;padding-bottom:10px;border-bottom:1px solid rgba(11,19,45,.16)}
.av-termo-fala{margin-top:clamp(24px,3vw,40px)}
.av-termo-fala p{font-family:var(--e-serifa);font-style:italic;font-size:clamp(22px,2.72vw,40px);line-height:1.32;letter-spacing:-.01em;color:var(--e-tinta);text-indent:-.42em}
.av-termo-fala em{font-style:italic;background:linear-gradient(0deg,rgba(201,160,99,.38),rgba(201,160,99,.38)) 0 88%/100% .3em no-repeat}
.av-termo-pe{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:26px 32px;margin-top:clamp(26px,3vw,40px)}
.av-outra{flex:1 1 240px;max-width:21em;font-family:var(--e-serifa);font-style:italic;font-size:15px;line-height:1.5;color:var(--e-tinta-2);padding-left:14px;border-left:1px solid var(--e-ouro)}
.av-outra .av-rot{display:block;font-family:var(--e-sem);font-style:normal;margin-bottom:5px}

.av-medias{list-style:none;display:grid;gap:clamp(22px,2.2vw,30px);padding-top:6px}
.av-medias li{border-top:1px solid rgba(11,19,45,.16);padding-top:14px}
.av-medias figure{display:grid;gap:10px}
.av-medias blockquote p{font-family:var(--e-serifa);font-style:italic;font-size:clamp(16.5px,1.36vw,19px);line-height:1.5;color:var(--e-tinta)}
.av-medias figcaption{display:flex;justify-content:flex-end;align-items:flex-end;gap:14px;min-height:44px;margin-top:4px}
.av-medias figcaption>.av-rot{padding-bottom:6px}
.av-medias figcaption>.av-rot--linha{padding:0 0 8px 14px;border-bottom:1px dotted rgba(11,19,45,.45)}

/* as demais: livro aberto, duas páginas */
.av-livro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:clamp(56px,7vw,104px);background:linear-gradient(178deg,var(--e-papel-claro),var(--e-papel) 60%,var(--e-papel-2));transform:rotate(.5deg);box-shadow:0 1px 0 rgba(11,19,45,.1),0 3px 0 -1px var(--e-papel-2),0 4px 0 -1px rgba(11,19,45,.14),0 7px 0 -2px var(--e-papel-2),0 8px 0 -2px rgba(11,19,45,.14),0 34px 54px -26px rgba(11,19,45,.55)}
.av-livro::before{content:"";position:absolute;left:28px;top:0;bottom:0;width:1px;background:var(--e-margem-rosa);opacity:.8}
.av-livro::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:120px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(11,19,45,.07) 46%,rgba(11,19,45,.2) 50%,rgba(251,247,238,.6) 51%,transparent)}
.av-pag{padding:20px clamp(28px,3.4vw,50px) 24px clamp(44px,4.2vw,58px);display:flex;flex-direction:column}
.av-pag--d{padding-left:clamp(36px,4vw,58px)}
.av-pag-cab{border-bottom:0}
.av-linhas{list-style:none;display:grid}
.av-linhas li,.av-resto{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:end;align-items:last baseline;gap:6px 14px;border-top:1px solid rgba(11,19,45,.16);padding:15px 0 7px}
.av-linhas .av-num{align-self:start;padding-top:4px;letter-spacing:.08em}
.av-junto{white-space:nowrap}
.av-fala{font-family:var(--e-serifa);font-size:15px;line-height:1.45;color:var(--e-tinta)}
.av-quem{display:flex;align-items:baseline;justify-content:flex-end;gap:10px}
.av-quem .av-mao{font-size:30px;padding:0 .14em 0 0}
.av-resto{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;flex:1;align-content:start;padding-top:18px}
.av-resto .av-num{letter-spacing:.08em}
.av-resto-txt{font-size:14.5px;line-height:1.45;color:var(--e-tinta-2)}

/* o gesto: as assinaturas são escritas ao entrar na tela */
@media (prefers-reduced-motion:no-preference){
  .av-js .av-mao{clip-path:inset(-30% 100% -30% 0);transition:clip-path 1.1s var(--e-curva)}
  .av-js .av-mao.av-escrito{clip-path:inset(-30% -5% -30% 0)}
}

@media (max-width:980px){
  .av-rol{grid-template-columns:minmax(0,1fr)}
  .av-livro{grid-template-columns:minmax(0,1fr)}
  .av-livro::after{display:none}
  .av-pag{padding-bottom:0}
  .av-pag--d{padding-left:clamp(44px,4.2vw,58px);padding-top:0;padding-bottom:22px}
  .av-pag--d .av-pag-cab{display:none}
}
@media (max-width:860px){
  .av-abre{grid-template-columns:minmax(0,1fr);gap:34px}
  .av-nota-num{font-size:clamp(104px,34vw,140px)}
  .av-termo{margin:0 -6px;padding:16px 18px 26px 36px}
  .av-termo::before,.av-livro::before{left:22px}
  .av-termo-fala p{text-indent:0;font-size:clamp(21px,5.9vw,26px)}
  .av-termo-pe{flex-direction:column-reverse;align-items:stretch}
  .av-termo-pe .av-ass{align-self:flex-end}
  .av-outra{flex:none;max-width:none}
  .av-livro{margin-left:-6px;margin-right:-6px}
  .av-pag,.av-pag--d{padding-left:36px;padding-right:16px}
  .av-linhas li{grid-template-columns:20px minmax(0,1fr);min-height:0;padding:12px 0 3px}
  .av-quem{grid-column:1/-1;margin-top:7px}
  .av-fala{font-size:14.5px}
  .av-quem .av-mao{font-size:28px}
  .av-resto{grid-template-columns:minmax(0,1fr);gap:8px;padding-bottom:4px}
  .av-resto .av-link{justify-self:start}
}