/* ===== LA SEZIONE DELLE CURVE, VIVA =====
     Dietro il titolo e il testo: dati che cadono e scintille che partono dalle
     lettere. La tela sta dietro al testo e non intercetta il mouse, quindi non
     cambia nulla di come si legge o si clicca.
     Nel testo, portata e prevalenza salgono fino al valore vero della pompa:
     numeri a larghezza fissa, cosi' la riga non si sposta mai. */
  .curve-viva{position:relative}
  .curve-viva > *{position:relative;z-index:1}
  .curve-viva canvas.cv-tela{position:absolute;left:0;right:0;top:-14px;bottom:-14px;
    width:100%;height:calc(100% + 28px);z-index:0;pointer-events:none}

  /* La misura tiene una larghezza fissa, calcolata sulla variante piu' lunga:
     cosi' passare da m3/h a l/min a l/s non sposta di un pixel il resto della riga. */
  .cv-mis{display:inline-block;text-align:left;white-space:nowrap;
    font-family:ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;
    font-weight:600;letter-spacing:.01em;color:var(--teal);transition:color .5s ease}
  .cv-mis.fermo{color:var(--amber)}
  .cv-mis .cv-un{font-weight:500;opacity:.85}

  @media(prefers-reduced-motion:reduce){ .curve-viva canvas.cv-tela{display:none} }