/* Identidade bancária dos cartões de saldo da Gestão Financeira.
   A marca é vinculada ao bank_code do cadastro e carregada de asset local. */
.p2-fin-balances article[data-bank-code]{
  display:block;
  min-height:112px;
  padding:16px 44px 14px 84px;
}
.p2-fin-balances article[data-bank-code]::before{content:none;display:none}
.p2-fin-balances article[data-bank-code="237"]{background:linear-gradient(135deg,#fff,#fff6f8);border-color:#f1d8e1}
.p2-fin-balances article[data-bank-code="403"]{background:linear-gradient(135deg,#fff,#fff7fa);border-color:#f3dbe4}
.p2-fin-balances article[data-bank-code="104"]{background:linear-gradient(135deg,#fff,#f4f9ff);border-color:#d6e5f4}
.p2-fin-balances article[data-bank-code="077"]{background:linear-gradient(135deg,#fff,#fff8f1);border-color:#f2dfcf}
.p2-fin-bank-brand{display:block;min-width:0}
.p2-fin-bank-brand>div{min-width:0}
.p2-fin-bank-brand small{
  display:block;
  color:#27495e;
  font-size:11px;
  font-weight:850;
  letter-spacing:.035em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.p2-fin-bank-brand .p2-fin-bank-meta{
  display:block;
  margin-top:3px;
  color:#718897;
  font-size:10px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.p2-fin-bank-logo{
  position:absolute;
  left:14px;
  top:18px;
  z-index:1;
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 18px rgba(25,59,75,.13);
}
.p2-fin-bank-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.p2-fin-bank-logo.is-generic{
  background:linear-gradient(145deg,#315f79,#183e58);
  color:#fff;
  font-size:22px;
  font-weight:800;
}
.p2-fin-balances article[data-bank-code]>strong{
  display:block;
  margin-top:12px;
  color:#087d55;
  font-size:clamp(20px,2vw,26px);
  font-weight:850;
  line-height:1.05;
}
.p2-fin-balances article[data-bank-code]>.p2-fin-bank-status{
  display:block;
  margin-top:5px;
  color:#6d8492;
  font-size:10px;
}
.p2-fin-balances article[data-bank-code]::after{top:50%}
@media(max-width:650px){
  .p2-fin-balances article[data-bank-code]{padding-left:80px}
  .p2-fin-bank-logo{left:12px;width:54px;height:54px}
  .p2-fin-bank-brand .p2-fin-bank-meta{white-space:normal}
}