/*
 CARGODEC LEGACY STYLE
 ORDEN=34
 ID=metricas_centradas_reales_v12
 EXTRAIDO_DE=index.html
*/

/* Ajuste real solicitado: métricas de lote centradas, letra más grande, título arriba y valor abajo. */
#dash .pedMetricsLine,
.vehicle-grid .pedMetricsLine{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  padding:10px!important;
  background:#f8fafc!important;
  border-radius:16px!important;
  align-items:stretch!important;
}
#dash .pedMetricsLine .pedMetric,
.vehicle-grid .pedMetricsLine .pedMetric{
  min-height:118px!important;
  height:118px!important;
  border:1px solid #dbe4f0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 6px 14px rgba(15,23,42,.04)!important;
  padding:14px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  overflow:hidden!important;
}
#dash .pedMetricsLine .pedMetric i,
.vehicle-grid .pedMetricsLine .pedMetric i{
  display:block!important;
  width:auto!important;
  flex:0 0 auto!important;
  font-size:19px!important;
  line-height:1!important;
  margin:0!important;
  text-align:center!important;
}
#dash .pedMetricsLine .pedMetric div,
.vehicle-grid .pedMetricsLine .pedMetric div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
#dash .pedMetricsLine .pedMetric span,
.vehicle-grid .pedMetricsLine .pedMetric span{
  order:1!important;
  display:block!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  color:#64748b!important;
  font-size:17px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.4px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
#dash .pedMetricsLine .pedMetric strong,
.vehicle-grid .pedMetricsLine .pedMetric strong{
  order:2!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#001b44!important;
  font-size:26px!important;
  line-height:1.05!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:900px){
  #dash .pedMetricsLine .pedMetric,
  .vehicle-grid .pedMetricsLine .pedMetric{height:110px!important;min-height:110px!important}
  #dash .pedMetricsLine .pedMetric strong,
  .vehicle-grid .pedMetricsLine .pedMetric strong{font-size:23px!important}
  #dash .pedMetricsLine .pedMetric span,
  .vehicle-grid .pedMetricsLine .pedMetric span{font-size:15px!important}
}