/* GranaCerta — cores douradas (landing / splash) */
:root {
  --gold: #d4a017;
  --gold-light: #f5c542;
  --gold-dark: #9a7209;
  --gold-deep: #7a5a06;
}

.bank .hero {
  background: linear-gradient(145deg, var(--gold-deep) 0%, var(--gold) 45%, var(--gold-light) 100%) !important;
}

.bank .hero-items .hero-item-2 a.btn-gold-primary,
.btn-gold-primary {
  background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%) !important;
  color: #1a1a1a !important;
  border: none;
}

.bank .hero-items .hero-item-2 a.btn-gold-outline,
.btn-gold-outline {
  background: rgba(255, 255, 255, 0.95) !important;
  color: var(--gold-dark) !important;
  border: 2px solid var(--gold) !important;
}

.bank .hero-items .hero-item-2 a.btn-gold-primary:hover,
.btn-gold-primary:hover {
  filter: brightness(1.08);
}

.splash-screen {
  background: linear-gradient(145deg, var(--gold-deep) 0%, var(--gold) 50%, var(--gold-light) 100%) !important;
}

[data-theme="dark"] .bank .hero {
  background: linear-gradient(145deg, #121214 0%, #29292e 100%) !important;
  background-image: none !important;
}

[data-theme="dark"] .splash-screen {
  background: linear-gradient(145deg, #121214 0%, #29292e 100%) !important;
}

/* GranaCerta — logo (landing / auth; header compacto em app-header.css) */
.logo-link img {
  height: auto;
  width: auto;
  object-fit: contain;
  display: block;
}

.hero header .brand-logo,
.hero .brand-logo {
  height: 280px;
  max-width: min(960px, 98vw);
  margin: 0 auto;
}

.splash-screen .brand-logo {
  height: 360px;
  width: auto;
  max-width: 98vw;
  object-fit: contain;
  margin-bottom: 2rem;
}

.auth-left .brand-logo {
  height: 260px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .hero header .brand-logo,
  .hero .brand-logo {
    height: 220px;
  }

  .splash-screen .brand-logo {
    height: 280px;
  }

  .auth-left .brand-logo {
    height: 200px;
  }
}