/* Diferencial
   Era um globo girando com uma parede de palavras por cima. Virou um
   índice: cinco linhas, cada uma com a palavra e um traço que atravessa
   a linha. A dobra agora se lê de cima para baixo, no ritmo da rolagem
   — a revelação de cada linha está no 17-animacao.css, e o cursor faz o
   resto. */
.auvp-edge {
  position: relative;
  overflow: hidden;
}
/* Sem respiro nem em cima nem embaixo: a dobra anterior já tem o dela, e
   embaixo vem a faixa animada, que traz o próprio. As duas somadas
   abriam um vão grande demais. */
.auvp-edge__content { padding-block: 0; }
/* O texto de abertura é o título da dobra, e se comporta como os outros
   títulos da página: mesma escala (--fs-title), mesmo peso e mesma cor
   de tinta cheia. */
.auvp-edge__title {
  font-size: var(--fs-title);
  max-width: 34ch;
  margin-bottom: clamp(1.75rem, 3.5vw, 3rem);
}

.auvp-edge__lista { border-top: 1px solid var(--line-soft); }
.auvp-edge__linha {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.9rem, 2.5vw, 2.5rem);
  padding-block: clamp(0.5rem, 1.2vw, 1rem);
  border-bottom: 1px solid var(--line-soft);
  transition: background-color 0.6s var(--ease);
}
.auvp-edge__linha:hover { background: var(--paper-2); }

.auvp-edge__palavra {
  display: block;
  font-family: var(--display);
  font-weight: 500;
  /* Menor que o título da dobra, de propósito: agora quem manda ali em
     cima é ele, e a lista é o que vem depois. */
  font-size: clamp(1.15rem, 2.2vw, 1.75rem);
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--ink);
  transition: transform 0.6s var(--ease), color 0.5s var(--ease);
}
.auvp-edge__linha:hover .auvp-edge__palavra {
  transform: translateX(clamp(0.35rem, 1vw, 0.9rem));
  color: var(--verde);
}

/* O traço nasce curto e só se completa no hover — é o que dá a sensação
   de a linha inteira "abrir" quando o cursor passa. */
.auvp-edge__traco {
  display: block;
  width: clamp(36px, 12vw, 200px);
  height: 1px;
  background: var(--line);
  transform: scaleX(0.35);
  transform-origin: right;
  transition: transform 0.7s var(--ease), background-color 0.5s var(--ease);
}
.auvp-edge__linha:hover .auvp-edge__traco {
  transform: scaleX(1);
  background: var(--verde);
}