/* tech-text — ver assets/tech-text.js (port do TechText do React Bits) */

/* o texto real fica só para leitores de ecrã e motores de busca */
.tt-sr {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.hero-title.tt-on { line-height: 0 !important; font-size: 0 !important; }

/* contentor do canvas: a margem negativa (definida no JS) devolve a folga
   à volta do texto, por isso a tinta alinha com as margens da página */
.tt-host {
  position: relative;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.tt-canvas { display: block; width: 100%; height: 100%; }