feat: version 2.17.11 -- Panel: medidores y textos centrados en la tarjeta

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

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog - project.linkedcorp.net
 
+## [2.17.11] - 2026-10-21
+### Changed
+- Panel: las tarjetas con medidor tienen el medidor y sus textos centrados dentro de la tarjeta.
+
 ## [2.17.10] - 2026-10-21
 ### Changed
 - Panel → "Avance promedio": medidor (verde) con el porcentaje al centro.

VERSION

@@ -1 +1 @@
-2.17.10
+2.17.11

backend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-linkedcorp-backend",
-  "version": "2.17.10",
+  "version": "2.17.11",
   "private": true,
   "type": "module",
   "main": "src/server.js",

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "project-linkedcorp-frontend",
   "private": true,
-  "version": "2.17.10",
+  "version": "2.17.11",
   "type": "module",
   "scripts": {
     "dev": "vite",

frontend/src/components/KpiCard.jsx

@@ -30,7 +30,7 @@ export function KpiCard({ label, value, gauge, onClick, selected }) {
   const clickable = !!onClick;
   return (
     <div
-      className={`kpi-card ${clickable ? 'kpi-card-clickable' : ''} ${selected ? 'selected' : ''}`}
+      className={`kpi-card ${gauge ? 'kpi-card-gauge' : ''} ${clickable ? 'kpi-card-clickable' : ''} ${selected ? 'selected' : ''}`}
       onClick={onClick}
       role={clickable ? 'button' : undefined}
       tabIndex={clickable ? 0 : undefined}

frontend/src/styles/app.css

@@ -244,7 +244,8 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
 .kpi-card-clickable { cursor: pointer; transition: border-color .15s ease; }
 .kpi-card-clickable:hover { border-color: rgb(var(--accent) / .5); }
 .kpi-card.selected { border-color: rgb(var(--accent)); box-shadow: 0 0 0 1px rgb(var(--accent)); }
-.kpi-gauge { width: 120px; max-width: 100%; }
+.kpi-card-gauge { text-align: center; }
+.kpi-gauge { width: 120px; max-width: 100%; margin: 0 auto; }
 .kpi-gauge-dial { position: relative; }
 .kpi-gauge svg { display: block; width: 100%; }
 .kpi-gauge-value { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; font-size: 1.4rem; font-weight: 700; line-height: 1; }