/* ═══ 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, 1fr);
  gap: var(--s-6);
  margin-bottom: clamp(var(--s-10), 5vw, var(--s-16));
}
.v2-score__head .v2-tag { justify-self: start; }
.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: minmax(0, 1fr) 140px;
  grid-template-areas: 'num viz' 'meta meta';
  gap: var(--s-5) var(--s-6);
  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: 140px; max-width: 100%; justify-self: end; }
.v2-score__bar { stroke: var(--ambar); stroke-width: 12; stroke-linecap: round; fill: none; }
.v2-score__cloud circle { fill: var(--ambar-hondo); }

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

@media (max-width: 900px) {
  .v2-score__head .v2-lead { justify-self: start; max-width: none; }
  .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' 'viz' 'meta'; }
  .v2-score__viz { justify-self: start; width: 100%; max-width: 200px; }
}

/* ═══ OPCIÓN 3 — el marcador sobre navy ═══════════════════════ */
.v2-score { background-color: var(--navy); }
.v2-score .v2-t2 { color: #fff; }
.v2-score .v2-lead { color: rgba(255,255,255,0.72); }
.v2-score .v2-tag { background-color: rgba(255,255,255,0.14); color: #fff; }
.v2-score .v2-tech { color: rgba(255,255,255,0.6); }
.v2-score__row { background-color: rgba(255,255,255,0.06); box-shadow: none; }
.v2-score__row:hover { background-color: rgba(255,255,255,0.11); }
.v2-score__num, .v2-score__label { color: #fff; }
.v2-score__note { color: rgba(255,255,255,0.6); }
.v2-score .v2-fig__axis { stroke: rgba(255,255,255,0.28); }
.v2-score .v2-fig__f4 { fill: rgba(255,255,255,0.22); }
.v2-score .v2-fig__label--on { fill: var(--ambar); }