/* ==========================================================================
   PLENUS — texto que "trava" na tela e revela palavra por palavra
   conforme o scroll, aumentando o peso da fonte (JS em main.js: initRevealText)
   ========================================================================== */
.reveal-pin-area {
  position: relative;
  height: 220vh; /* precisa ser "height" (não min-height) pra height:100% dos
                    filhos abaixo conseguir resolver e o sticky ter espaço real */
}
/* o range de "trava" do sticky é limitado pela altura do PAI direto —
   sem isso, a altura extra do wrapper de fora não chega até ele */
.reveal-pin-area .container-large,
.reveal-pin-area .row,
.reveal-pin-area .col-lg-12 {
  height: 100%;
}
.reveal-pin-sticky {
  position: sticky;
  top: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.reveal-text .rv-word {
  color: rgba(38, 38, 38, 0.18) !important;
  font-weight: 400 !important;
  transition: color 0.25s ease, font-weight 0.25s ease;
}
.reveal-text .rv-word.is-active {
  color: #262626 !important;
  font-weight: 700 !important;
}

@media (max-width: 991px) and (min-width: 768px) {
  .reveal-pin-area {
    height: 260vh;
  }
  .reveal-pin-sticky {
    min-height: auto;
  }
}

/* No celular esse efeito (220-260vh reservados só pra revelar um parágrafo
   palavra por palavra) sobra como um vão enorme e vazio na tela — o scroll
   é rápido demais pra dar tempo do texto "acender". Mais seguro desabilitar
   e mostrar o texto direto, sempre visível, sem altura extra reservada. */
@media (max-width: 767px) {
  .reveal-pin-area {
    height: auto;
  }
  .reveal-pin-area .container-large,
  .reveal-pin-area .row,
  .reveal-pin-area .col-lg-12 {
    height: auto;
  }
  .reveal-pin-sticky {
    position: static;
    min-height: auto;
  }
  .reveal-text .rv-word {
    color: inherit !important;
    font-weight: 400 !important;
    transition: none;
  }
}