{{-- Barras horizontales TV — etiqueta encima, valor dentro de la barra --}}
<div {{ $attributes->merge(['class' => 'tv-pano-hbars tv-pano-hbars--enter']) }}>
    <template x-for="row in kilosBarRows()" :key="row.key">
        <div class="tv-pano-hbars__row">
            <span class="tv-pano-hbars__label" x-text="row.label"></span>
            <div class="tv-pano-hbars__track">
                <div class="tv-pano-hbars__fill"
                     :class="`tv-pano-hbars__fill--${row.tone}`"
                     :style="`width: ${row.barWidth}%`">
                    <span class="tv-pano-hbars__value" x-text="row.valueLabel"></span>
                </div>
            </div>
        </div>
    </template>
</div>