From 081c90332b433bf575051ceceb72949b2b1f9610 Mon Sep 17 00:00:00 2001
From: Milton Gonzalez <mgonzalez@develop.linkedcorp.net>
Date: Wed, 21 Oct 2026 08:06:03 -0500
Subject: [PATCH] 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                        | 4 ++++
 VERSION                             | 2 +-
 backend/package.json                | 2 +-
 frontend/package.json               | 2 +-
 frontend/src/components/KpiCard.jsx | 2 +-
 frontend/src/styles/app.css         | 3 ++-
 6 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a3ca4e9..d38bfa3 100644
--- a/CHANGELOG.md
+++ b/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.
diff --git a/VERSION b/VERSION
index 87877ec..ead81cc 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-2.17.10
+2.17.11
diff --git a/backend/package.json b/backend/package.json
index 5b2e7d1..7fc5dd5 100644
--- a/backend/package.json
+++ b/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",
diff --git a/frontend/package.json b/frontend/package.json
index 7fcc35b..6f859b9 100644
--- a/frontend/package.json
+++ b/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",
diff --git a/frontend/src/components/KpiCard.jsx b/frontend/src/components/KpiCard.jsx
index caf73a4..7757782 100644
--- a/frontend/src/components/KpiCard.jsx
+++ b/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}
diff --git a/frontend/src/styles/app.css b/frontend/src/styles/app.css
index 95e5baa..36be11d 100644
--- a/frontend/src/styles/app.css
+++ b/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; }