fix(hilo): la banda alargaba el documento 5.800px de vacío

Un <svg> con viewBox es un elemento reemplazado con proporción intrínseca
(100:1200). Al dimensionarlo con top-0 + bottom-20 y dejar la altura en
auto, el navegador la resolvía desde el ancho — 1152 × 12 = 13.824px — y
esa altura ganaba silenciosamente a `bottom`.

Consecuencias, todas visibles en el navegador y ninguna en los tests:
- 5.840px de blanco vacío scrolleable por debajo del footer.
- scrollYProgress repartido sobre 13.901px en vez de 8.061, así que el
  trazo nunca terminaba sobre contenido real.
- la onda estirada 1,8x de más, otra vez casi recta.

Altura explícita con h-[calc(100%-5rem)], y test que lo fija: jsdom no
hace layout, así que el guardián es la clase.

El trazo pasa a completarse a mitad de scroll (FIN 0.85 → 0.5). Con 0.85
la punta se quedaba a media pantalla durante el 42% de la página, que es
justo lo que se leía como "sin terminar".

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

components/primitives/__tests__/HiloConductor.test.tsx

@@ -95,6 +95,17 @@ describe('<HiloConductor />', () => {
     expect(container.querySelector('path')).toHaveAttribute('vector-effect', 'non-scaling-stroke');
   });
 
+  it('sizes the band with an explicit height, never a top+bottom pair', () => {
+    const { container } = render(<HiloConductor />);
+    const cls = container.querySelector('svg')?.getAttribute('class') ?? '';
+    // An <svg> carrying a viewBox is a replaced element with an intrinsic
+    // ratio, so `height: auto` resolves from the width and silently beats
+    // `bottom` — which stretched this one to 13824px and hung ~6000px of blank
+    // scroll below the footer. jsdom has no layout, so the class is the guard.
+    expect(cls).toMatch(/\bh-\[/);
+    expect(cls).not.toMatch(/\bbottom-/);
+  });
+
   it('reads as a band, not as a hairline', () => {
     const { container } = render(<HiloConductor />);
     const grosor = Number(container.querySelector('path')?.getAttribute('stroke-width'));