/* NUBO_KPI_UNIQUE_COLORS_START */

/*
  Clases exclusivas del bloque KPI.
  No reutilizan is-mint, is-indigo ni otros
  nombres globales del proyecto.
*/


/* 1. Balance total — azul */

.finvia-v2-kpi--interactive.is-kpi-blue {
  --kpi-accent: #5f7fe8;
  --kpi-soft: #edf2ff;
  --kpi-hover: #f8faff;
}

.finvia-v2-kpi--interactive.is-kpi-blue
.finvia-v2-kpi__icon {
  background: #edf2ff !important;
  color: #5f7fe8 !important;
}

.finvia-v2-kpi--interactive.is-kpi-blue
.finvia-v2-kpi__badge {
  border-color: #d8e2fb !important;
  background: #edf2ff !important;
  color: #5573d3 !important;
}


/* 2. Ingresos — verde */

.finvia-v2-kpi--interactive.is-kpi-green {
  --kpi-accent: #4f9b74;
  --kpi-soft: #edf7f1;
  --kpi-hover: #f8fcfa;
}

.finvia-v2-kpi--interactive.is-kpi-green
.finvia-v2-kpi__icon {
  background: #edf7f1 !important;
  color: #4f9b74 !important;
}

.finvia-v2-kpi--interactive.is-kpi-green
.finvia-v2-kpi__badge {
  border-color: #d5ebde !important;
  background: #edf7f1 !important;
  color: #478b68 !important;
}


/* 3. Gastos — rojo */

.finvia-v2-kpi--interactive.is-kpi-red {
  --kpi-accent: #d7656c;
  --kpi-soft: #fcecef;
  --kpi-hover: #fff8f9;
}

.finvia-v2-kpi--interactive.is-kpi-red
.finvia-v2-kpi__icon {
  background: #fcecef !important;
  color: #d7656c !important;
}

.finvia-v2-kpi--interactive.is-kpi-red
.finvia-v2-kpi__badge {
  border-color: #f2d0d4 !important;
  background: #fcecef !important;
  color: #c2575e !important;
}


/* 4. Tasa de ahorro — anaranjado */

.finvia-v2-kpi--interactive.is-kpi-orange {
  --kpi-accent: #d89148;
  --kpi-soft: #fff3e6;
  --kpi-hover: #fffaf5;
}

.finvia-v2-kpi--interactive.is-kpi-orange
.finvia-v2-kpi__icon {
  background: #fff3e6 !important;
  color: #d89148 !important;
}

.finvia-v2-kpi--interactive.is-kpi-orange
.finvia-v2-kpi__badge {
  border-color: #f2dcc1 !important;
  background: #fff3e6 !important;
  color: #c27e38 !important;
}


/* 5. Patrimonio neto — violeta */

.finvia-v2-kpi--interactive.is-kpi-violet {
  --kpi-accent: #896fbd;
  --kpi-soft: #f2edfa;
  --kpi-hover: #faf8fd;
}

.finvia-v2-kpi--interactive.is-kpi-violet
.finvia-v2-kpi__icon {
  background: #f2edfa !important;
  color: #896fbd !important;
}

.finvia-v2-kpi--interactive.is-kpi-violet
.finvia-v2-kpi__badge {
  border-color: #e1d6f3 !important;
  background: #f2edfa !important;
  color: #775fa9 !important;
}


/* Elementos secundarios */

.finvia-v2-kpi--interactive
.finvia-v2-kpi__status i {
  background: var(--kpi-soft) !important;
}

.finvia-v2-kpi--interactive
.finvia-v2-kpi__status i::after {
  background: var(--kpi-accent) !important;
}

.finvia-v2-kpi--interactive
.finvia-v2-kpi__arrow {
  color: var(--kpi-accent) !important;
}

.finvia-v2-kpi--interactive:hover {
  background: var(--kpi-hover) !important;

  box-shadow:
    0 10px 23px
    rgba(31, 45, 70, .055),
    inset 0 -3px 0
    var(--kpi-accent) !important;
}

.finvia-v2-kpi--interactive
.finvia-v2-kpi__badge {
  box-shadow: none !important;
}

.finvia-v2-kpi__compare,
.finvia-v2-kpi__status {
  color: #6f7d92;
}

/* NUBO_KPI_UNIQUE_COLORS_END */


/* NUBO_KPI_CHART_TUNE_V2_START */


/* Cuatro KPI correctamente distribuidas */

.finvia-v2-kpis {
  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;

  gap: 18px !important;
}

.finvia-v2-kpis
> .finvia-v2-kpi {
  min-width: 0;
  min-height: 136px;
}

.finvia-v2-kpi__label {
  font-size: 12.5px !important;
}

.finvia-v2-kpi__value {
  font-size: 22px !important;
}

.finvia-v2-kpi__compare,
.finvia-v2-kpi__status {
  max-width: none !important;

  overflow: visible !important;

  font-size: 10.5px !important;
  line-height: 1.35 !important;

  text-overflow: clip !important;
  white-space: normal !important;
}


/* La cuarta tarjeta es Tasa de ahorro: violeta */

.finvia-v2-kpis
> .finvia-v2-kpi:nth-child(4) {
  --kpi-accent: #8268d2 !important;
  --kpi-soft: #f2edff !important;
  --kpi-border: #ded4ff !important;

  border-color: #e4dcfa !important;
}

.finvia-v2-kpis
> .finvia-v2-kpi:nth-child(4)
.finvia-v2-kpi__icon {
  border-color: #ded4ff !important;

  background: #f2edff !important;
  color: #8268d2 !important;
}

.finvia-v2-kpis
> .finvia-v2-kpi:nth-child(4)
.finvia-v2-kpi__badge {
  border-color: #ded4ff !important;

  background: #f2edff !important;
  color: #8268d2 !important;
}

.finvia-v2-kpis
> .finvia-v2-kpi:nth-child(4)
.finvia-v2-kpi__dot {
  background: #8268d2 !important;

  box-shadow:
    0 0 0 5px
    rgba(130, 104, 210, .12) !important;
}

.finvia-v2-kpis
> .finvia-v2-kpi:nth-child(4)
.finvia-v2-kpi__status::before {
  background: #8268d2 !important;
}


/* Gráfico: ingresos verdes y gastos rojos */

.finvia-v4-legend i.is-income,
.finvia-v4-bar.is-income {
  background: #58b99a !important;
}

.finvia-v4-legend i.is-expense,
.finvia-v4-bar.is-expense {
  background: #e36b61 !important;
}


/* El resumen interno fue eliminado:
   el gráfico aprovecha el espacio disponible */

.finvia-v4-chart-wrap {
  height: 326px !important;

  padding-top: 11px !important;
}

.finvia-v4-cashflow-card
.finvia-v4-card-head {
  padding-bottom: 9px;
}


/* Responsive */

@media (max-width: 1080px) {
  .finvia-v2-kpis {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .finvia-v2-kpis {
    grid-template-columns:
      1fr !important;
  }
}

/* NUBO_KPI_CHART_TUNE_V2_END */