/* Ajustes mínimos (opcional) */
.bg-soft {
  background: #f6f7fb;
}

.card-soft {
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 16px;
}

.small-muted {
  color: #6c757d;
  font-size: .92rem;
}

/* visual suave tipo “card de comparação” */
.card-soft {
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
}

.bg-soft {
  background: #f7f8fb;
}

.hero-banner {
  background-image: url(../img/conceito-de-jogo-de-futebol-Apostas-onlne.jpg) !important;
  padding: 0 !important;
  background-size: cover;
  background-position: center center;
}

header.py-5 .overlay {
  background: #021576bd;
  padding: 2% 5%;
}

nav.navbar.navbar-expand-lg.bg-white.border-bottom.sticky-top {
  background: #0b1420 !important;
}

ul.navbar-nav.ms-auto li.nav-item a.nav-link {
  color: #fff;
}

button.navbar-toggler {
  background: #fff;
}

.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #2bad71;
    --bs-btn-border-color: #2bad71;
    --bs-btn-hover-bg: #2bad71;
    --bs-btn-hover-border-color: #2bad71;
}

.text-bg-primary {
    color: #fff !important;
    background-color: #2bad71 !important;
}

.small.text-secondary {
  color: #000 !important;
}

span.badge.text-bg-light.border.text-secondary {
  color: #000 !important;
}

span.text-secondary {
  color: #000 !important;
}

p.text-secondary.mb-3 {
  color: #000 !important;
}

section.py-5.bg-white .mx-auto h2 {
  font-size: 22px;
}

.container.alinhamento {
  display: flex;
  justify-content: center;
}

section.py-5.hero-top {
    padding: 10px 2% !important;
    background-color: #198754;
}

section.py-5.hero-top .container.d-flex.gap-2.flex-wrap {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-weight: 600;
}

section.py-5.hero-top .container.d-flex.gap-2.flex-wrap p {
    margin: auto;
}