/* CONTENEDOR */
.card-resumen{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:18px 18px 16px;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
}

/* TITULO */
.titulo-resumen{
  margin:0 0 14px;
  font-size:20px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:10px;
}

/* GRID DE CAMIONES */
.grid-camiones{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap:14px;
  margin-bottom:14px;
}

/* MINI-CARD POR CAMION */
.camion-card{
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:14px;
}

.camion-header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  font-size:16px;
}

/* DOT */
.dot{
  width:12px;
  height:12px;
  border-radius:50%;
  flex:0 0 12px;
}

/* METRICAS: 3 COLUMNAS */
.camion-metricas{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:10px;
}

.camion-metricas > div{
  text-align:center;
  padding:8px 6px;
  border-radius:10px;
  background:#fff;
  border:1px solid #eef2f7;
}

.numero{
  font-size: 20px;        /* un poco más chico */
  font-weight: 600;       /* antes 800 */
  letter-spacing: -0.3px; /* más compacto */
  color: #1f2937;         /* gris oscuro elegante */
  display:block;
}

.camion-metricas small{
  font-size: 12px;
  font-weight: 500;       /* menos pesado */
  color: #6b7280;         /* gris más suave */
  margin-top: 4px;
}

/* TOTALES GLOBALES */
.totales-globales{
  border-top:1px solid #e5e7eb;
  padding-top:14px;
  margin-top:8px;
}

.totales-globales strong{
  display:block;
  margin-bottom:6px;
  font-size:16px;
}

/* FONDO SUAVE POR COLOR */

.camion-card.naranja{
  background: rgba(255, 136, 0, 0.08);
  border: 1px solid rgba(255, 136, 0, 0.15);
}

.camion-card.violeta{
  background: rgba(138, 99, 210, 0.08);
  border: 1px solid rgba(138, 99, 210, 0.15);
}

.camion-card.verde{
  background: rgba(40, 167, 69, 0.08);
  border: 1px solid rgba(40, 167, 69, 0.15);
}

.camion-card.rojo{
  background: rgba(220, 53, 69, 0.08);
  border: 1px solid rgba(220, 53, 69, 0.15);
}

.camion-card.azul{
  background: rgba(0, 123, 255, 0.08);
  border: 1px solid rgba(0, 123, 255, 0.15);
}

.capacidad-badge{
  margin-left:auto;
  font-size:11px;
  padding:4px 8px;
  border-radius:20px;
  background: rgba(0,0,0,0.05);
  font-weight:500;
  color:#555;
}

/* COLORES DOT */
.naranja .dot{ background:#ff8800; }
.violeta .dot{ background:#8a63d2; }
.verde  .dot{ background:#28a745; }
.rojo   .dot{ background:#dc3545; }
.azul   .dot{ background:#007bff; }