/*
 * Estilos do Meu Slider v4.8
 * CORRIGIDO: Posição/Tamanho da Barra de Progresso. Remove Coverflow.
 */
.meu-slider-wrapper {
  position: relative;
  width: 100%;
}
.meu-slider-container {
  width: 100%;
  height: 100%;
}
.msl-stretch-slider {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
/* Altura */
.msl-height-custom .meu-slider-container {
  height: var(--msl-height-desktop, 500px);
}
.msl-height-aspect-ratio .meu-slider-container {
  aspect-ratio: var(--msl-aspect-ratio, 16/9);
  height: auto;
}
.msl-height-as-image .meu-slider-container {
  height: auto;
}
.msl-height-as-image .meu-slide img {
  height: auto;
  object-fit: contain;
}
@media (max-width: 767px) {
  .msl-height-custom .meu-slider-container {
    height: var(--msl-height-mobile, 300px);
  }
}
/* Imagem */
.meu-slide a,
.meu-slide picture,
.meu-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.meu-slide img {
  object-fit: cover;
  object-position: center;
}

/* --- Setas (Todos os estilos) --- */
.msl-arrow-style-1 .swiper-button-prev,
.msl-arrow-style-1 .swiper-button-next {
  --swiper-navigation-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease;
}
.msl-arrow-style-1 .swiper-button-prev:hover,
.msl-arrow-style-1 .swiper-button-next:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.msl-arrow-style-1.msl-arrows-light .swiper-button-prev,
.msl-arrow-style-1.msl-arrows-light .swiper-button-next {
  background-color: rgba(255, 255, 255, 0.3);
}
.msl-arrow-style-1.msl-arrows-light .swiper-button-prev:hover,
.msl-arrow-style-1.msl-arrows-light .swiper-button-next:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.msl-arrow-style-2 .swiper-button-prev,
.msl-arrow-style-2 .swiper-button-next {
  --swiper-navigation-size: 20px;
  width: 35px;
  height: 35px;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.3s ease;
}
.msl-arrow-style-2 .swiper-button-prev:hover,
.msl-arrow-style-2 .swiper-button-next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.msl-arrow-style-2.msl-arrows-light .swiper-button-prev,
.msl-arrow-style-2.msl-arrows-light .swiper-button-next {
  background-color: rgba(255, 255, 255, 0.5);
}
.msl-arrow-style-2.msl-arrows-light .swiper-button-prev:hover,
.msl-arrow-style-2.msl-arrows-light .swiper-button-next:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.msl-arrow-style-3 .swiper-button-prev,
.msl-arrow-style-3 .swiper-button-next {
  --swiper-navigation-size: 30px;
  background-color: transparent;
}
.msl-arrows-dark .swiper-button-prev,
.msl-arrows-dark .swiper-button-next {
  color: #ffffff;
}
.msl-arrows-light .swiper-button-prev,
.msl-arrows-light .swiper-button-next {
  color: #000000;
}

/* --- Paginação (Todos os estilos) --- */
.meu-slider-wrapper .swiper-pagination {
  bottom: 15px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}
/* Alinhamento */
.msl-pagin-align-left .swiper-pagination {
  left: 15px;
  transform: none;
}
.msl-pagin-align-center .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
}
.msl-pagin-align-right .swiper-pagination {
  left: auto;
  right: 15px;
  transform: none;
}
/* Bolinhas */
.meu-slider-wrapper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}
.msl-pagin-dark .swiper-pagination-bullet {
  background: #000000;
  opacity: 0.5;
}
.msl-pagin-dark .swiper-pagination-bullet-active {
  opacity: 1;
}
.msl-pagin-light .swiper-pagination-bullet {
  background: #ffffff;
  opacity: 0.5;
}
.msl-pagin-light .swiper-pagination-bullet-active {
  opacity: 1;
}
/* Números (Fraction) */
.meu-slider-wrapper .swiper-pagination-fraction {
  font-size: 1.1em;
  font-weight: 600;
}
.msl-pagin-dark .swiper-pagination-fraction {
  color: #000;
}
.msl-pagin-light .swiper-pagination-fraction {
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

/* --- CORREÇÃO: Barra de Progresso --- */
.meu-slider-wrapper .swiper-pagination-progressbar {
  top: auto; /* De: top: 0 */
  bottom: 15px; /* Posição na mesma altura das bolinhas */
  height: 4px;

  /* Tamanho (beeemmm menor) */
  max-width: 200px; /* Largura máxima */
  width: 30%; /* Largura padrão */
  left: 50%;
  transform: translateX(-50%);
}
/* Alinhamento da Barra */
.msl-pagin-align-left .swiper-pagination-progressbar {
  left: 15px;
  transform: none;
  max-width: 200px;
  width: 30%;
}
.msl-pagin-align-center .swiper-pagination-progressbar {
  left: 50%;
  transform: translateX(-50%);
  max-width: 200px;
  width: 30%;
}
.msl-pagin-align-right .swiper-pagination-progressbar {
  left: auto;
  right: 15px;
  transform: none;
  max-width: 200px;
  width: 30%;
}

/* Animação gradual da barra */
.meu-slider-wrapper .swiper-pagination-progressbar-fill {
  transition: transform var(--msl-autoplay-duration) linear;
}
/* Cores da Barra */
.msl-pagin-dark
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background: #000;
}
.msl-pagin-light
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background: #fff;
}
.msl-pagin-dark .swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.2);
}
.msl-pagin-light .swiper-pagination-progressbar {
  background: rgba(255, 255, 255, 0.2);
}