.ldcc-wrapper{
    position:relative;
    --ldcc-arrow-color:#000;
    --ldcc-arrow-bg:#fff;
    --ldcc-arrow-size:36px;
    --ldcc-dot-color:#000;
    --ldcc-dot-active:#f00;
    --ldcc-dot-size:8px;
}

/* Flechas */
.ldcc-wrapper .swiper-button-prev,
.ldcc-wrapper .swiper-button-next{
    color:var(--ldcc-arrow-color);
    background:var(--ldcc-arrow-bg);
    width:var(--ldcc-arrow-size);
    height:var(--ldcc-arrow-size);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* Dots */
.ldcc-wrapper .swiper-pagination-bullet{
    background:var(--ldcc-dot-color);
    width:var(--ldcc-dot-size);
    height:var(--ldcc-dot-size);
}

.ldcc-wrapper .swiper-pagination-bullet-active{
    background:var(--ldcc-dot-active);
}

/* Ajustes internos del contenido */
.ldcc-content>*{
    width:100%;
}

/* No ocultamos todo con opacity:0. Usamos clases que Swiper 8 utiliza */
.ldcc-wrapper .swiper {
    overflow: hidden;
}

/* --- FIX DEFINITIVO DEL PROBLEMA DE INVISIBILIDAD EN LOOP --- */

/* Estado base (slide no activo) */
.ldcc-wrapper .swiper-slide {
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}

/* Todos los estados en los que Swiper puede mostrar un slide */
.ldcc-wrapper .swiper-slide.swiper-slide-visible,
.ldcc-wrapper .swiper-slide.swiper-slide-active,
.ldcc-wrapper .swiper-slide.swiper-slide-next,
.ldcc-wrapper .swiper-slide.swiper-slide-prev,
.ldcc-wrapper .swiper-slide.swiper-slide-duplicate,
.ldcc-wrapper .swiper-slide.swiper-slide-duplicate-active {
    opacity: 1 !important;
    pointer-events: auto;
}