/* Estilo para o contêiner do Swiper */
.swiper-coverflow {
    position: relative;
    overflow: hidden;
}

/* Esfumaçamento nas bordas do contêiner */
.swiper-coverflow:before,
.swiper-coverflow:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px; /* Largura do fade */
    z-index: 2; /* Acima dos slides e abaixo das setas de navegação */
    pointer-events: none; /* Permite clicar nas setas de navegação mesmo sobre o fade */
}

.swiper-coverflow:before {
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.swiper-coverflow:after {
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.custom-swiper-slide {
    background-position: center center;
    background-size: cover;
    position: relative;
    border-radius: 20px; /* Adiciona cantos arredondados */
}

.custom-swiper-slide .swiper-slide-yt-play {
    display: flex;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px;
    position: absolute;
    z-index: 1;
    inset: 0;
    display: block;
    cursor: pointer;
}

.custom-swiper-slide .swiper-yt-iframe,
.custom-swiper-slide iframe {
    position: absolute;
    z-index: 2;
    inset: 0;
}

.swiper-button-next {
  z-index: 50;
}