.composicion{margin-bottom:20px}.composicion__titulo{font-size:.8rem;color:#94a3b8;margin:0 0 8px}.composicion__zona{position:relative}.composicion__barra{display:flex;height:26px;border-radius:8px;overflow:hidden}.composicion__segmento{flex-basis:0;flex-shrink:1;min-width:3px;cursor:default;transition:opacity .16s ease}.composicion__segmento--atenuado{opacity:.45}.composicion__tooltip{position:absolute;bottom:calc(100% + 8px);transform:translateX(-50%);z-index:5;background:#1e293b;color:#f8fafc;border-radius:8px;padding:8px 12px;pointer-events:none;white-space:nowrap;box-shadow:0 6px 16px rgba(15,23,42,.18)}.composicion__tooltip-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.composicion__tooltip-monto{display:block;font-size:.95rem;font-weight:700}.composicion__tooltip-porcentaje{display:block;font-size:.72rem;color:#cbd5e1}.composicion__leyenda{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}.composicion__item{display:inline-flex;align-items:center;font-size:.8rem;color:#475569}.composicion__punto{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.composicion__perdida{font-size:.8rem;color:#dc2626;background:rgba(220,38,38,.08);border-radius:6px;padding:8px 12px;margin-top:10px}