/* Avaliações (prefixo av-): a prova, sobre opala fria */
.av-secao{background:var(--opala); overflow:hidden}
.av-defs{position:absolute; width:0; height:0; overflow:hidden}
.av-malha i:nth-child(1){left:-18%; top:-30%; width:70vmax; height:70vmax;
  background:radial-gradient(closest-side, #fbf8f1, #fbf8f100);
  background:radial-gradient(closest-side in oklch, oklch(.981 .011 90), oklch(.981 .011 90 / 0))}
.av-malha i:nth-child(2){right:-20%; top:-10%; width:80vmax; height:80vmax;
  background:radial-gradient(closest-side, #cdd8df, #e3e9ec00);
  background:radial-gradient(closest-side in oklch, oklch(.868 .02 236), oklch(.925 .009 228 / 0))}
.av-malha i:nth-child(3){left:20%; bottom:-50%; width:64vmax; height:64vmax;
  background:radial-gradient(closest-side, #efe6d6, #efe6d600);
  background:radial-gradient(closest-side in oklch, oklch(.93 .018 86 / .8), oklch(.93 .018 86 / 0))}

/* cabeça em largura total: o ponto de entrada */
.av-cabeca h2{max-width:14em}
.av-apoio{margin-top:var(--e3)}

/* o par: a nota à esquerda, a citação longa à direita */
.av-prova{display:grid; grid-template-columns:minmax(15rem, 1fr) minmax(0, 2.2fr); gap:var(--e4) clamp(2rem, 6vw, 6rem); align-items:end; margin-top:var(--e5)}
.av-numero{display:flex; align-items:baseline; gap:.8rem; margin:0; line-height:1}
.av-cinco{font-family:var(--f-titulo); font-size:clamp(5.5rem, 4rem + 6vw, 10rem); letter-spacing:-.03em; line-height:.9; color:var(--tinta)}
.av-onde{font-size:1.05rem; color:var(--tinta-2); font-weight:500}
.av-conta{margin:var(--e3) 0 0; font-family:var(--f-titulo); font-size:1.35rem; line-height:1.25; text-wrap:balance}
.av-contagem{margin:var(--e3) 0 0; padding:0; display:grid; gap:.55rem; max-width:19rem}
.av-contagem div{display:flex; align-items:baseline; gap:.7rem; padding-top:.55rem; border-top:1px solid var(--fio)}
.av-contagem dt{font-family:var(--f-titulo); font-size:1.5rem; line-height:1; min-width:1.6em; color:var(--tinta)}
.av-contagem dd{margin:0; font-size:.95rem; color:var(--tinta-2)}
.av-todas{margin-top:var(--e3); font-size:.95rem}

.av-principal{margin:0; padding-left:clamp(1.2rem, 2.4vw, 2.2rem); border-left:1px solid var(--fio); max-width:30em}
.av-principal blockquote{margin:0; font-family:var(--f-titulo); font-size:clamp(1.45rem, 1.1rem + 1.3vw, 2.3rem); line-height:1.24; letter-spacing:-.01em; text-wrap:pretty}
.av-principal figcaption{margin-top:var(--e2); font-size:var(--t-pequeno); letter-spacing:.14em; text-transform:uppercase; color:var(--tinta-2)}

/* a escala de 27: uma lâmina por avaliação, no tabuleiro; sete se adiantam */
.av-escala{margin:var(--e6) 0 0; padding-top:var(--e4); border-top:1px solid var(--fio)}
.av-fileira{width:100%; height:auto; overflow:visible}
.av-fileira--9{display:none}
.av-tabuleiro{fill:var(--opala-funda)}
.av-base{stroke:var(--fio); stroke-width:1}
.av-cabo{fill:var(--aco)}
.av-lamina{transition:transform .55s var(--curva); transform-box:fill-box; transform-origin:50% 100%}
.av-lamina use{filter:drop-shadow(0 2px 2px rgb(37 47 60 / .22)); transition:filter .55s var(--curva)}
.av-lamina.av-fala,.av-lamina:hover,.av-lamina.av-viva{transform:translateY(-10px)}
.av-lamina.av-fala use,.av-lamina:hover use,.av-lamina.av-viva use{filter:drop-shadow(0 8px 7px rgb(37 47 60 / .32))}
.av-lamina.av-viva{transform:translateY(-16px)}
.av-escala figcaption{margin-top:var(--e2); font-size:.95rem; color:var(--tinta-2); max-width:44em; text-wrap:pretty}

/* a fila de frases curtas, em quatro fios alinhados, sem cartões */
.av-fila{list-style:none; margin:var(--e5) 0 0; padding:0; display:flex; flex-wrap:wrap; gap:var(--e4) 0}
.av-fila li{flex:0 1 25%; padding:0 clamp(1.2rem, 2.4vw, 2.2rem); border-left:1px solid var(--fio); transition:transform .5s var(--curva); cursor:default}
.av-fila li:hover{transform:translateY(-3px)}
.av-marca{width:1.15rem; height:auto; margin-bottom:.8rem; filter:drop-shadow(0 2px 2px rgb(37 47 60 / .22))}
.av-fila blockquote{margin:0; font-family:var(--f-titulo); font-size:1.22rem; line-height:1.32; text-wrap:pretty}
.av-fila p{margin-top:.6rem; font-size:var(--t-pequeno); letter-spacing:.06em; color:var(--tinta-2)}

@media (max-width:1100px) and (min-width:861px){
  .av-fila li{flex-basis:50%}
}
@media (max-width:860px){
  .av-prova{grid-template-columns:1fr; gap:var(--e4); margin-top:var(--e4)}
  .av-cinco{font-size:clamp(4.6rem, 22vw, 6.5rem)}
  .av-escala{margin-top:var(--e5)}
  .av-fileira--27{display:none}
  .av-fileira--9{display:block; max-width:24rem}
  .av-fila{flex-direction:column; gap:var(--e3)}
  .av-fila li{flex-basis:auto; padding:0 0 0 1.1rem}
  .av-fila li:hover{transform:none}
}