/* Visibilidade após inicialização */
.swiper.swiper-initialized { opacity: 1; }

/* Evita flicker durante o load */
.swiper:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active) {
    opacity: 0;
}

/* Bricks Builder override */
[class^="brxe-"] .swiper { opacity: 1 !important; }

/* Wrapper – usar flex (Swiper v10) */
.swiper:not(.swiper-vertical) .swiper-wrapper {
    display: grid !important;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    z-index: 1;
}

.swiper{
    width:100%;
}

.swiper-slide{
    width:100%;
}

/* ---------- STORIES ---------- */
.swiperPaginationGallery .swiper-slide video,
.swiperPaginationGallery .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.swiperPaginationGallery {
    isolation: isolate;
    overflow: hidden;
    transform: translateZ(0);
    will-change: transform;
}

.swiperPaginationGallery .swiper-pagination {
    width: 100%;
    top: 15px!important;
    bottom: unset !important;
    display: flex;
    position:absolute;
    padding: 0 25px;
}

.swiperPaginationGallery .swiper-pagination-bullet {
    flex: 1 1 0;
    height: 3px;
    margin: 0 2px !important;
    opacity: 1;
    border-radius: 100vh;
    background: rgba(247, 247, 245, 0.6);
    position: relative;
    overflow: hidden;
}

.swiperPaginationGallery .swiper-pagination-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: #fff;
}

/* Zonas laterais de clique */
.swiperPaginationGallery .click-zone {
    position: absolute;
    top: 0;
    width: 15%;
    height: 100%;
    z-index: 10;
    pointer-events: auto;
    touch-action: pan-y;
}
.swiperPaginationGallery .click-zone.left  { left: 0; }
.swiperPaginationGallery .click-zone.right { right: 0; }



/* força layout do Swiper quando vertical */
/*
.swiper.swiperVertical.swiper-vertical > .swiper-wrapper{
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;             
}

/* slide ocupa toda a largura e altura pelo conteúdo */
/*
.swiper.swiperVertical.swiper-vertical .swiper-slide{
  width: 100% !important;
  height: auto;
}
}

/* Altura do contentor (ajusta ao teu layout) */
/*
.swiper.swiperVertical { 
  height: 80vh; 
  overflow: hidden;
}
*/




/******** COVERFLOW/CARDS ********/
.swiper-slide:not(.swiper-slide-active) .cardsItemDetails{
    opacity:0;
}