/* Evita scroll horizontal causado por transform/overflow do Swiper */
.elc-wrap,
.elc-wrap * {
  box-sizing: border-box;
}

.elc-wrap {
  width: 100%;
  max-width: 100%;
  overflow: hidden;         /* 🔥 corta o vazamento lateral */
}

.elc-card {
  width: 100%;
  max-width: 100%;
  overflow: hidden;         /* 🔥 corta slides fora da faixa */
}

/* Garante que o Swiper não crie largura "fora" */
.elc-wrap .swiper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.elc-wrap .swiper-wrapper {
  align-items: center;
}

/* Garante altura visível */
.elc-wrap .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
}

/* Centraliza e “dá tamanho” ao SVG/IMG */
.elc-logo-cell {
  width: 100%;
  min-height: 80px;         /* 🔥 evita colapsar */
  display: flex;
  align-items: center;
  justify-content: center;
}

.elc-logo {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 220px !important;   /* ajuste fino p/ ficar bonito */
  max-height: 70px !important;   /* será sobrescrito inline se você mudar */
  object-fit: contain;
}

/* Paginação (bolinhas) */
.elc-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--elc-gap, 12px);
  margin-top: 18px;
}

.elc-pagination .swiper-pagination-bullet {
  width: var(--elc-dot, 10px);
  height: var(--elc-dot, 10px);
  border-radius: 999px;
  opacity: 1;
  background: var(--elc-dot-color, rgba(0,0,0,0.22));
}

.elc-pagination .swiper-pagination-bullet-active {
  background: var(--elc-dot-active, #fff);
}
/* ===== PATCH: garante comportamento do Swiper mesmo se o CSS do Swiper não carregar ===== */
.elc-wrap .swiper {
  overflow: hidden;
}

.elc-wrap .swiper-wrapper{
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
}

.elc-wrap .swiper-slide{
  flex-shrink: 0 !important;
  width: auto; /* Swiper controla via inline */
}