/**
 * Page: Banking (pg-solucoes-banking.php)
 * Apenas o que é específico: seções escuras (Pix/Boletos), carrossel soluções mobile, wrapper Owl.
 */

/* Seções escuras (Pix + Boletos): texto branco e lista com flex (ícone alinhado) */
.section-pix .tw-pix-content,
.section-pix .tw-pix-content p,
.section-pix .tw-pix-content li,
.section-boletos .tw-boletos-content,
.section-boletos .tw-boletos-content p,
.section-boletos .tw-boletos-content li {
  color: rgba(255, 255, 255, 0.93);
}

.section-pix .tw-pix-content strong,
.section-boletos .tw-boletos-content strong {
  color: #fff;
}

.section-pix .tw-pix-content ul li,
.section-boletos .tw-boletos-content ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.section-pix .tw-pix-content ul li::before,
.section-pix .tw-pix-content ul li>*:first-child,
.section-boletos .tw-boletos-content ul li::before,
.section-boletos .tw-boletos-content ul li>*:first-child {
  flex-shrink: 0;
}

/* Marketplace: lista com flex (ícone alinhado ao texto) */
.section-marketplace .tw-marketplace-content ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.section-marketplace .tw-marketplace-content ul li::before,
.section-marketplace .tw-marketplace-content ul li > *:first-child {
  flex-shrink: 0;
}

/* Wrapper carrossel mobile: oculta no desktop (.owl-loaded força display:block) */
.banking-owl-mobile-only {
  display: block;
}

@media (min-width: 768px) {
  .banking-owl-mobile-only {
    display: none !important;
  }
}

/* Owl: soluções (mobile) */
.owl-banking-solution-cards .owl-dots {
  display: none !important;
}

.owl-banking-solution-cards .owl-item div {
  height: 100%;
}

.owl-banking-solution-cards .owl-stage {
  padding-left: 2rem !important;
}

@media (max-width: 991px) {
  .owl-banking-solution-cards .owl-dots .owl-dot span {
    height: 0;
  }

  #Wrapper .owl-banking-solution-cards .owl-dots .owl-dot {
    background: black;
  }
}