html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* coloque em site.css */
.saldo-total { font-size: clamp(1.4rem, 3.5vw, 2.4rem); margin: 4px 0 8px; }


.header-section{
  background-color: #080025 !important;
}

.text-data-xs{
  font-weight: 500;
  font-size: x-small;
}

.field-validation-error {
font-weight: lighter;
font-size: small;
}



@media (max-width: 576px) {
    
    .transactions-area .card {
    border-radius: 14px !important;
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
}


:root{
  --kpi-bg: #ffffff;
  --kpi-border: #e9eef3;
  --kpi-title: #6b7280;      /* cinza médio */
  --kpi-value: #0f172a;      /* quase preto */
  --kpi-link: #2563eb;       /* azul */
  --kpi-shadow: 0 6px 24px rgba(15, 23, 42, .06);
  --kpi-primary: #FF6F61;    /* azul claro */
  --kpi-secondary: #3b82f6;  /* azul */
}

.btn-primary{
  background-color: var(--kpi-primary);
  border-color: var(--kpi-primary);
}

.btn-secondary{
  background-color: var(--kpi-secondary);
  border-color: var(--kpi-secondary);
}


.kpi-card{
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  background: var(--kpi-bg);
  border: 1px solid var(--kpi-border);
  border-radius: 18px;
  padding: 18px 20px;
  min-height: 120px;
  box-shadow: var(--kpi-shadow);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.kpi-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(15, 23, 42, .10);
  border-color: #dbe5ef;
}

.kpi-body{ padding-right: 10px; }
.kpi-title{
  font-size: .875rem;
  font-weight: 600;
  color: var(--kpi-title);
  letter-spacing: .2px;
  margin-bottom: 6px;
}

.kpi-value{
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--kpi-value);
  line-height: 1.2;
  margin-bottom: 8px;
}

.kpi-sub{
  font-size: .9rem;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 6px;
}

.kpi-actions { margin-top: 6px; }

.kpi-link{
  color: var(--kpi-link);
  text-decoration: none;
  display: inline;
}
.kpi-link:hover{ text-decoration: none; }

/* Blob do ícone à direita */
.kpi-icon{
  width: 84px; height: 84px; display: grid; place-items: center;
}
.kpi-blob{
  width: 68px; height: 68px; border-radius: 50%;
  display: grid; place-items: center;
  color: #fff; font-size: 22px;
  box-shadow: inset 0 -8px 16px rgba(0,0,0,.08), 0 6px 16px rgba(0,0,0,.08);
}
/* .kpi-blob--purple{ background: radial-gradient(100% 100% at 30% 30%, #a78bfa 0%, #6d28d9 100%); }
.kpi-blob--blue  { background: radial-gradient(100% 100% at 30% 30%, #60a5fa 0%, #1d4ed8 100%); }
.kpi-blob--green { background: radial-gradient(100% 100% at 30% 30%, #86efac 0%, #16a34a 100%); }
.kpi-blob--orange {background: radial-gradient(100% 100% at 30% 30%, #fcd34d 0%, #d97706 100%); } */
.kpi-blob--primary{ background: var(--kpi-primary)}
.kpi-blob--purple{ background:#a78bfa}
.kpi-blob--blue  { background:#60a5fa; }
.kpi-blob--green { background:#22c55e; }
.kpi-blob--orange {background:#fcd34d; }

/* Acessibilidade/teclado */
.kpi-card:focus-within{ outline: 2px solid #93c5fd; outline-offset: 2px; }

/* Responsivo */
@media (max-width: 1199.98px){
  .kpi-card{ grid-template-columns: 1fr auto; }
}



.banner-section.index-4 .overlay{
  background-image: none;
  background-color: #090025
}


.btn-wpp{
  background-color: #25D366 !important;
}