/* Kit de animações de texto — core. */

/* Esconde só com JS ligado e só até o core marcar o elemento como pronto.
   Se o core.js nem carregar, a animação revela o texto sozinha em 2,5 s. */
.ta-js [data-ta]:not([data-ta-ready]) {
  visibility: hidden;
  animation: ta-revelar 0s 2.5s forwards;
}

@keyframes ta-revelar {
  to { visibility: visible; }
}

.ta-parte {
  display: inline-block;
}

.ta-palavra {
  display: inline-block;
  white-space: nowrap;
}

.ta-linha {
  display: block;
}

/* Texto original para leitor de tela quando o visual é feito de pedaços aria-hidden: invisível, mas presente.
   (aria-label em <p>, <div> ou <span> é proibido pelo ARIA 1.2 e ignorado pelos leitores no modo de leitura.) */
.ta-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}