.tarjeta-saldo { min-height:9.3rem; display:flex; flex-direction:column; justify-content:center; padding:1.25rem; border:1px solid var(--linea); border-radius:var(--redondeado); background:#fff; box-shadow:var(--sombra); }
.tarjeta-saldo span, .metrica-simple span { color:var(--muted); font-size:.78rem; font-weight:750; }
.tarjeta-saldo strong { margin:.2rem 0; font-size:clamp(1.35rem, 4vw, 2.1rem); letter-spacing:-.05em; }
.tarjeta-saldo small { color:var(--muted); }
.tarjeta-disponible { border:2px solid var(--verde-700); color:var(--tinta); background:var(--verde-100); box-shadow:var(--sombra); opacity:1; }
.tarjeta-disponible strong { color:var(--verde-900); }
.tarjeta-disponible span, .tarjeta-disponible small { color:var(--muted); }
.tarjeta-prestado { border-color:#9adfd8; background:#f2fcfb; }
.metrica-simple { min-height:6.6rem; display:flex; flex-direction:column; justify-content:center; padding:1rem; border:1px solid var(--linea); border-radius:1rem; background:#fff; }
.metrica-simple strong { margin-top:.35rem; font-size:1.05rem; letter-spacing:-.04em; }
.grafico-contenedor { position:relative; min-height:15rem; }
.leyenda-gastos-periodo { display:grid; gap:.15rem; margin-top:1rem; }
.leyenda-gasto { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.55rem 0; border-top:1px solid #edf1ef; font-size:.84rem; }
.leyenda-gasto-detalle { display:flex; min-width:0; align-items:center; gap:.55rem; }
.leyenda-gasto-detalle > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.muestra-color-gasto { flex:0 0 .72rem; width:.72rem; height:.72rem; border-radius:.22rem; }
.lista-resumen { display:grid; }
.elemento-resumen { display:flex; align-items:center; gap:.75rem; padding:.8rem 0; border-bottom:1px solid #edf1ef; }
.elemento-resumen:last-child { border-bottom:0; }
.icono-resumen { display:grid; flex:0 0 2.35rem; place-items:center; width:2.35rem; height:2.35rem; border-radius:.75rem; color:var(--verde-700); background:var(--verde-100); }
.texto-resumen { min-width:0; flex:1; }
.texto-resumen strong, .texto-resumen small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.texto-resumen strong { font-size:.88rem; }
.texto-resumen small { color:var(--muted); font-size:.76rem; }
.monto-resumen { font-size:.88rem; white-space:nowrap; }
@media (max-width:575.98px) { .tarjeta-saldo { min-height:8.1rem; padding:1rem; } .tarjeta-saldo strong { font-size:1.4rem; } .tarjeta-saldo small { font-size:.7rem; } .metrica-simple { min-height:5.7rem; padding:.8rem; } .metrica-simple span { font-size:.66rem; } .metrica-simple strong { font-size:.82rem; } .grafico-contenedor { min-height:13rem; } }