/* Desglose de costos en las tarjetas de SalesIQ */
.cat-costos {
  margin: .6rem 0 .9rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: .4rem;
  overflow: hidden;
  font-size: .72rem;
}
.cat-kpi-lbl {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.cat-resumen {
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
}
.cat-kpi-aviso {
  font-size: .5em;
  vertical-align: super;
  margin-left: .15em;
  cursor: help;
}
.cat-costo-fila {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: .6rem;
  align-items: baseline;
  padding: .35rem .7rem;
}
.cat-costo-fila + .cat-costo-fila { border-top: 1px solid var(--md-default-fg-color--lightest); }
.cat-costo-concepto { color: var(--md-default-fg-color); }
.cat-costo-calculo { color: var(--md-default-fg-color--light); font-variant-numeric: tabular-nums; }
.cat-costo-monto { font-weight: 600; text-align: right; min-width: 3.5rem; font-variant-numeric: tabular-nums; }
.cat-costo-total {
  background: var(--md-default-fg-color--lightest);
  font-weight: 700;
}
.cat-costo-total .cat-costo-monto { color: var(--md-primary-fg-color); font-size: .85rem; }
.cat-costo-aviso { font-size: .68rem; color: var(--md-default-fg-color--light); margin: -.4rem 0 .8rem; }