/* historial.css — Evolución en el tiempo. */
#h-score, #h-caps { display:block; margin:0 auto; max-width:100%; }

.leg{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center;margin-top:10px;}
.leg-i{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--slate);}
.leg-i > i{width:9px;height:9px;border-radius:2px;display:inline-block;}

.snap{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--border);}
.snap:first-of-type{border-top:none;}
.snap-l{flex:1;min-width:0;}
.snap-f{font-size:12px;font-weight:700;color:var(--navy);text-transform:capitalize;}
.snap-n{font-size:10px;color:var(--stone);margin-top:1px;}
.snap-r{display:flex;align-items:baseline;gap:7px;flex-shrink:0;}
.snap-s{font-size:18px;font-weight:700;}
.snap-d{font-size:11px;font-weight:700;}

/* ── Evolución: lo primero es el número de hoy ── */
.ev-hero{
  margin:12px 14px;background:linear-gradient(135deg,var(--navy),var(--blue));
  border-radius:16px;padding:22px 18px;color:#fff;text-align:center;
  box-shadow:0 10px 28px rgba(27,42,74,.26);
}
.ev-k{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.75;}
.ev-v{font-size:46px;font-weight:700;color:var(--gold-lt);line-height:1.05;margin-top:4px;}
.ev-v small{font-size:15px;opacity:.65;font-weight:500;margin-left:3px;}
.ev-n{font-size:14px;font-weight:600;margin-top:2px;}
.ev-chip{
  display:inline-block;margin-top:14px;font-size:11.5px;font-weight:700;
  border-radius:20px;padding:5px 13px;background:rgba(255,255,255,.14);
}
.ev-desde{font-size:11px;opacity:.72;margin-top:9px;}

/* Verde sube, rojo baja, gris igual: el mismo código en toda la pantalla */
.dl-sube{color:#6FE3A6;} .dl-baja{color:#FF9B8E;} .dl-igual{color:rgba(255,255,255,.8);}
.ev-chip.dl-sube{background:rgba(39,174,96,.26);}
.ev-chip.dl-baja{background:rgba(231,76,60,.26);}

.ev-d{
  flex:0 0 auto;width:62px;text-align:right;font-family:'DM Mono',monospace;
  font-size:11px;font-weight:700;
}
.ev-d.dl-sube{color:var(--green);} .ev-d.dl-baja{color:var(--red);}
.ev-d.dl-igual{color:var(--stone);font-weight:600;} .ev-d.dl-nd{color:transparent;}
.ev-caps .cap-row .track{width:84px;}
.snap-r .ev-d{width:auto;min-width:48px;}

/* Estado sin datos / sin comparación */
.ev-vacio{text-align:center;padding:26px 20px;}
.ev-vacio-ic{
  width:52px;height:52px;margin:0 auto 14px;border-radius:50%;
  background:var(--smoke);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:25px;
}
.ev-vacio h4{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:7px;}
.ev-vacio p{font-size:12.5px;line-height:1.6;color:var(--stone);max-width:420px;margin:0 auto;}