/* NUBO_RECENT_RICH_LIST_V3_START */


/* =========================================================
   CARD
   ========================================================= */

.finvia-v2-recent-card {
  min-height: 0 !important;

  padding: 0 !important;

  display: flex;
  flex-direction: column;

  overflow: hidden;
}


/* =========================================================
   ENCABEZADO
   ========================================================= */

.finvia-v3-recent-head {
  flex: 0 0 auto;

  min-height: 82px;

  padding:
    20px
    24px
    15px;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 16px;

  border-bottom:
    1px solid
    rgba(148, 163, 184, .22);
}

.finvia-v3-recent-head__copy {
  min-width: 0;

  display: grid;

  gap: 5px;
}

.finvia-v3-recent-head h3 {
  margin: 0;

  color: #142c50;

  font-size: 16px;
  font-weight: 780;
  line-height: 1.2;

  letter-spacing: -.02em;
}

.finvia-v3-recent-head p {
  margin: 0;

  color: #7b889d;

  font-size: 11.5px;
  font-weight: 520;
  line-height: 1.35;
}

.finvia-v3-recent-link {
  flex: 0 0 auto;

  min-height: 30px;

  padding: 3px 0;

  display: inline-flex;
  align-items: center;

  gap: 5px;

  border: 0;

  background: transparent;

  color: #6078ed;

  font: inherit;
  font-size: 11.5px;
  font-weight: 740;

  cursor: pointer;

  transition:
    color .16s ease,
    opacity .16s ease;
}

.finvia-v3-recent-link:hover {
  color: #465fd8;
}

.finvia-v3-recent-link .icon {
  width: 14px;
  height: 14px;

  stroke-width: 1.9;
}


/* =========================================================
   LISTA
   ========================================================= */

.finvia-v2-recent-card .finvia-v2-recent {
  width: 100%;

  flex: 0 0 auto !important;

  padding:
    0
    24px
    7px;

  display: block !important;

  min-height: 0;

  justify-content: flex-start !important;
  align-content: start !important;

  gap: 0 !important;
}


/* =========================================================
   MOVIMIENTO
   ========================================================= */

.finvia-v2-recent-card .finvia-v2-recent-row {
  position: relative;

  width: 100%;
  min-width: 0;
  min-height: 63px !important;

  margin: 0 !important;

  padding:
    11px
    0 !important;

  display: grid !important;

  grid-template-columns:
    28px
    minmax(0, 1fr)
    auto;

  align-items: center;

  gap: 12px;

  border: 0 !important;
  border-bottom:
    1px solid
    rgba(148, 163, 184, .22) !important;

  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  transform: none !important;

  transition:
    background-color .15s ease;
}

.finvia-v2-recent-card
.finvia-v2-recent-row:last-child {
  border-bottom-color: transparent !important;
}

.finvia-v2-recent-card
.finvia-v2-recent-row:hover {
  background: transparent !important;

  transform: none !important;
}


/* =========================================================
   ICONO
   ========================================================= */

.finvia-v2-recent-card
.finvia-v2-recent-row__icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
}

.finvia-v2-recent-card
.finvia-v2-recent-row__icon.is-expense {
  color: #f06b53 !important;
}

.finvia-v2-recent-card
.finvia-v2-recent-row__icon.is-income {
  color: #26a779 !important;
}

.finvia-v2-recent-card
.finvia-v2-recent-row__icon .icon,
.finvia-v2-recent-card
.finvia-v2-recent-row__icon svg {
  width: 16px !important;
  height: 16px !important;

  stroke-width: 1.8;
}


/* =========================================================
   TEXTO
   ========================================================= */

.finvia-v3-recent-row__content {
  min-width: 0;

  display: grid;

  gap: 5px;
}

.finvia-v2-recent-card
.finvia-v2-recent-row strong {
  min-width: 0;

  margin: 0;

  display: block;

  overflow: hidden;

  color: #183454;

  font-size: 13.5px !important;
  font-weight: 730;
  line-height: 1.2;

  letter-spacing: -.012em;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.finvia-v2-recent-card
.finvia-v2-recent-row small {
  min-width: 0;

  margin: 0;

  display: block;

  overflow: hidden;

  color: #7a879d !important;

  font-size: 11px !important;
  font-weight: 500;
  line-height: 1.25;

  text-overflow: ellipsis;
  white-space: nowrap;
}


/* =========================================================
   MONTO
   ========================================================= */

.finvia-v2-recent-card
.finvia-v2-recent-row > b {
  align-self: center;
  justify-self: end;

  margin: 0;

  font-size: 12.5px !important;
  font-weight: 770;
  line-height: 1;

  letter-spacing: -.01em;

  white-space: nowrap;

  font-variant-numeric:
    tabular-nums;
}

.finvia-v2-recent-card
.finvia-v2-recent-row > b.is-expense {
  color: #ed654e !important;
}

.finvia-v2-recent-card
.finvia-v2-recent-row > b.is-income {
  color: #279f75 !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 640px) {
  .finvia-v3-recent-head {
    min-height: 76px;

    padding:
      18px
      18px
      13px;
  }

  .finvia-v2-recent-card
  .finvia-v2-recent {
    padding-right: 18px;
    padding-left: 18px;
  }

  .finvia-v2-recent-card
  .finvia-v2-recent-row {
    min-height: 61px !important;

    grid-template-columns:
      25px
      minmax(0, 1fr)
      auto;

    gap: 10px;
  }

  .finvia-v2-recent-card
  .finvia-v2-recent-row__icon {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
  }

  .finvia-v2-recent-card
  .finvia-v2-recent-row > b {
    font-size: 12px !important;
  }
}


/* NUBO_RECENT_RICH_LIST_V3_END */