att

Auditoria_checklist/wcm/widget/dashkpi/src/main/webapp/resources/css/dashkpi.css

@@ -1,49 +1,49 @@
 div[id^="dashKPI_"] .dkpi-grid {
   display: grid;
-  grid-template-columns: 1fr 1.4fr;
-  gap: 4px;
+  grid-template-columns: 0.95fr 1.25fr;
+  gap: 3px;
 }
 
 div[id^="dashKPI_"] .dkpi-card {
   background: #ececed;
   border-radius: 18px;
-  padding: 8px 12px;
-  min-height: 120px;
+  padding: 6px 10px;
+  min-height: 96px;
 }
 
 div[id^="dashKPI_"] .dkpi-title {
   color: #004a6a;
-  font-size: 14px;
+  font-size: 13px;
   font-weight: 800;
-  margin-bottom: 4px;
+  margin-bottom: 2px;
   line-height: 1.08;
 }
 
 div[id^="dashKPI_"] .dkpi-big {
-  font-size: 20px;
+  font-size: 18px;
   font-weight: 800;
   text-align: center;
-  margin-top: 2px;
-  margin-bottom: 2px;
+  margin-top: 0;
+  margin-bottom: 0;
 }
 
 div[id^="dashKPI_"] .dkpi-label {
   text-align: center;
   color: #44525a;
-  font-size: 11px;
+  font-size: 10px;
   font-weight: 700;
 }
 
 div[id^="dashKPI_"] .dkpi-total-row {
   display: flex;
   align-items: center;
-  gap: 10px;
-  margin-top: 6px;
+  gap: 8px;
+  margin-top: 4px;
 }
 
 div[id^="dashKPI_"] .dkpi-bar-bg {
   flex: 1;
-  height: 30px;
+  height: 22px;
   border-radius: 4px;
   background: #e0e5ea;
   overflow: hidden;
@@ -59,7 +59,7 @@ div[id^="dashKPI_"] .dkpi-bar-fill {
 
 div[id^="dashKPI_"] .dkpi-total {
   min-width: 44px;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 800;
   color: #111111;
   text-align: right;