/* a lista do que o sistema vigia: cada nome acende quando passa pelo meio da tela, como uma varredura */
  .vigia-centro { max-width: 860px; margin: 0 auto; text-align: center; }
  .vigia-centro .pg-lead { margin-left: auto; margin-right: auto; }
  .vigia-lista { max-width: 1000px; margin: 88px auto 0; padding: 0; list-style: none; text-align: center;
    font-family: var(--lp-fonte-titulo); font-weight: 300; font-size: clamp(24px, 2.4vw, 36px); line-height: 1.5; letter-spacing: -0.018em; color: var(--ds-cor-texto-2); text-wrap: balance; }
  @media (max-width: 760px) { .vigia-lista { margin-top: 56px; line-height: 1.3; } .vigia-lista li + li { margin-top: 12px; } }
  /* o número do ato 1: o tamanho do portfólio, grande */
  .min-num { margin: 0 0 18px; }
  .min-n { display: block; font-family: var(--lp-fonte-texto); font-weight: 500; font-size: clamp(64px, 7vw, 104px); line-height: 1; letter-spacing: -0.035em; font-variant-numeric: tabular-nums; }
  .min-leg { display: block; margin-top: 10px; color: var(--ds-cor-texto-2); font-size: 15px; line-height: 20px; }
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      .vigia-lista li { animation: vigia-acende linear both; animation-timeline: view(); animation-range: cover 30% cover 70%; }
    }
  }
  @keyframes vigia-acende { 0% { color: var(--ds-cor-texto-2); } 30%, 70% { color: var(--ds-cor-texto); } 100% { color: var(--ds-cor-texto-2); } }