/* Wordmark vivo: el SVG marca el tamaño y queda de respaldo; el lienzo se
   pinta encima y sobresale para que quepan marco, etiquetas y partículas. */

.tech-text {
  position: relative;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}

.tech-text > svg {
  display: block;
  width: 100%;
  height: auto;
}

.tech-text.is-live > svg {
  visibility: hidden;
}

.tech-text__canvas {
  position: absolute;
  inset: -40px -24px; /* PAD_Y / PAD_X de tech-text.js */
  width: calc(100% + 48px);
  height: calc(100% + 80px);
  pointer-events: none;
}