/* ===== Cor primária custom ===== */
.bg-primary-custom {
  background-color: #E91E63 !important;
}

/* Footer rosa */
footer.footer, footer.py-5 {
  background-color: #E91E63 !important;
  color: #fff;
}

footer a {
  color: #fff !important;
}

/* Botões de CTA final */
.cta-footer .store.badge {
  background-color: #E91E63 !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  padding: 14px 22px;
  border-radius: 30px;
  box-shadow: 0 6px 18px rgba(233, 30, 99, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-transform: uppercase;
}

.cta-footer .store.badge:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(233, 30, 99, 0.45);
  text-decoration: none;
  color: #fff !important;
}

/* Ajustes dos painéis de texto */
.landing .panel {
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  color: #111 !important;
}

.landing .panel h2 {
  color: #111 !important;
}

.landing .panel .bullets {
  padding-left: 1.2rem; /* recuo da lista */
  margin-bottom: 1rem;
}

.landing .panel .bullets li {
  margin-bottom: .6rem;
  line-height: 1.6;
}

/* Botões de Google Play e App Store (hero e CTA final) */
.landing .store.badge {
  background-color: #E91E63 !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  padding: 14px 22px;
  border-radius: 30px;
  box-shadow: 0 6px 18px rgba(233, 30, 99, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.landing .store.badge svg {
  width: 22px;
  height: 22px;
  fill: #fff;
}

.landing .store.badge:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(233, 30, 99, 0.45);
  text-decoration: none;
  color: #fff !important;
}

.landing .panel .bullets li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1.2rem;
  padding-left: 0.3rem;
}

/* Corrige <strong> dentro das listas (bullets) */
.landing .bullets li strong {
  color: #111 !important;   /* preto ou quase preto */
  font-weight: 600;
}

body.bg-default .main-content {
  padding-top: 80px;
}