/* =====================================================
   BANCO SOL EM NÚMEROS — ULTRA PREMIUM (COMPACTO)
===================================================== */

:root {
  --sol-yellow: #FFD200;
  --bg-dark: #0e1116;
  --bg-card: #151922;
  --text-light: #ffffff;
  --text-muted: #9aa4b2;
}

/* =========================
   SECÇÃO (REDUZIDA)
========================= */

.numeros-section {
  padding: 65px 0; /* antes 110px */
  background: linear-gradient(180deg, #0e1116 0%, #0b0e13 100%);
  color: var(--text-light);
}

/* =========================
   HEADER (MENOS ESPAÇO)
========================= */

.numeros-header {
  max-width: 700px;
  margin: 0 auto 35px auto; /* antes 70px */
  text-align: center;
}

.numeros-eyebrow {
  display: inline-block;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: .15em;
  color: var(--sol-yellow);
  margin-bottom: 12px;
}

.numeros-header h2 {
  font-size: clamp(2rem, 3vw, 2.6rem);
  font-weight: 800;
  margin-bottom: 12px;
}

.numeros-header p {
  font-size: 1rem;
  color: var(--text-muted);
}

/* =========================
   GRID
========================= */

.numeros-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px; /* ligeiramente reduzido */
}

/* =========================
   CARDS (INALTERADOS)
========================= */

.numero-card {
  background: var(--bg-card);
  border-radius: 20px;
  padding: 36px 20px; /* ligeiramente reduzido */
  text-align: center;
  transition: all .3s ease;
  position: relative;
  overflow: hidden;
}

.numero-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 45px rgba(0,0,0,.35);
}

.numero-card.destaque {
  border: 2px solid var(--sol-yellow);
}

/* =========================
   ICONES
========================= */

.numero-icon {
  font-size: 26px;
  color: var(--sol-yellow);
  margin-bottom: 16px;
}

/* =========================
   VALOR
========================= */

.numero-valor {
  font-size: 40px;
  font-weight: 900;
  letter-spacing: -1px;
}

.numero-sufixo {
  font-size: 16px;
  font-weight: 700;
  margin-left: 4px;
}

.numero-label {
  display: block;
  margin-top: 8px;
  font-size: 0.9rem;
  color: var(--text-muted);
}

/* =========================
   RESPONSIVO
========================= */

@media (max-width: 992px) {
  .numeros-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .numeros-grid {
    grid-template-columns: 1fr;
  }
}





/* =====================================
   LINHA SEPARADORA BANCO SOL EM NÚMEROS
===================================== */

.numeros-section{
  position:relative;
  padding-bottom:95px;
}

.numeros-section::after{
  content:"";

  position:absolute;

  left:50%;
  bottom:30px;

  transform:translateX(-50%);

  width:min(1280px, calc(100% - 40px));
  height:3px;

  border-radius:999px;

  background:
  linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,210,0,.20) 15%,
    #FFD200 50%,
    rgba(255,210,0,.20) 85%,
    transparent 100%
  );

  box-shadow:
    0 0 15px rgba(255,210,0,.25);

  pointer-events:none;
}