/* ═══ V2GO — Marcador operativo ════════════════════════════════
   Cada cifra en su propia tarjeta redonda. Nada de filas duras. */
.v2-score { background-color: var(--hueso-2); }

.v2-score__head {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: clamp(var(--s-6), 4vw, var(--s-14));
  align-items: start;
  margin-bottom: clamp(var(--s-10), 5vw, var(--s-16));
}
.v2-score__head > * { min-width: 0; }
.v2-score__head .v2-lead { justify-self: end; max-width: 44ch; }

.v2-score__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(var(--s-5), 2vw, var(--s-8));
}

.v2-score__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: 'num meta' 'viz viz';
  gap: var(--s-5) var(--s-8);
  align-items: center;
  background-color: #fff;
  border-radius: var(--r-xl);
  padding: clamp(var(--s-7), 3vw, var(--s-10));
  box-shadow: var(--sh-suave);
  transition: transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease);
}
.v2-score__row:hover { transform: translateY(-4px); box-shadow: var(--sh-media); }

.v2-score__num {
  grid-area: num;
  font-size: clamp(2.75rem, 5.2vw, 4.25rem);
  font-weight: var(--p-bold);
  line-height: 0.9;
  letter-spacing: var(--ls-mega);
  color: var(--navy);
  margin: 0 0 var(--s-4);
  font-variant-numeric: lining-nums tabular-nums;
}
.v2-score__label {
  font-size: var(--t-lg);
  font-weight: var(--p-bold);
  line-height: 1.22;
  letter-spacing: var(--ls-tight);
  color: var(--navy);
  margin-bottom: var(--s-2);
}
.v2-score__note { font-size: var(--t-base); line-height: var(--lh-normal); color: var(--navy-50); margin: 0; }

.v2-score__meta { grid-area: meta; }
.v2-score__viz { grid-area: viz; width: 100%; margin-top: var(--s-2);
                 padding-top: var(--s-5); border-top: 1px solid var(--navy-06); }

/* Las dos tarjetas de territorio llevan el mapa al lado, no debajo:
   Colombia es vertical y en una banda apaisada no se lee. */
.v2-score__row--mapa {
  grid-template-columns: auto minmax(0, 1fr) 162px;
  grid-template-areas: 'num meta viz';
  align-items: center;
}
.v2-score__mapa { grid-area: viz; width: 162px; height: auto; justify-self: end; }
.v2-score__pais { fill: var(--arena); stroke: none; }
.v2-score__muni { fill: var(--navy-22); }
.v2-score__sede { fill: var(--ambar); stroke: #fff; stroke-width: 2.5; }

/* +500K: mercancía estibada */
.v2-score__bulto { fill: var(--ambar); }
.v2-score__estiba { fill: var(--navy-22); }

/* 97%: cien entregas */
.v2-score__ok { fill: var(--ambar); }
.v2-score__no { fill: var(--arena-2); }
.v2-score__bar { stroke: var(--ambar); stroke-width: 12; stroke-linecap: round; fill: none; }

/* Red de las 14 ciudades: los enlaces se trazan y luego brotan los nodos. */
.v2-score__link { stroke: var(--navy-22); stroke-width: 1.4; stroke-linecap: round; }

/* Malla de municipios: gris el municipio, ámbar la ciudad principal. */
.v2-score__malla circle { fill: var(--navy-22); }
.v2-score__malla circle.v2-fig__f2 { fill: var(--ambar); }

.v2-score__foot { margin-top: var(--s-10); max-width: 80ch; }

@media (max-width: 900px) {
  .v2-score__head { grid-template-columns: minmax(0, 1fr); }
  .v2-score__head .v2-lead { max-width: none; margin-top: 0; }
  .v2-score__list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .v2-score__row { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'num' 'meta' 'viz'; }
  .v2-score__row--mapa { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'num' 'meta' 'viz'; }
  .v2-score__mapa { justify-self: center; }
}