.carousel {
    overflow: hidden;
    width: 100vw;
    height: 100%;
    position: relative;
}

.carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
    height: 100%;
}

.carousel-slide {
    min-width: 100vw;
    height: 100%;
}

.carousel-slide a {
    display: block;
    width: 100%;
}

.carousel-slide img {
    width: 100%;
    pointer-events: none;
}

/* Por defecto, ambas visibles (se sobreescriben con media queries) */

.solo-mobile {
    display: none;
}

.solo-escritorio {
    display: block;
}

/* 📱 Mobile: <768px */

@media screen and (max-width: 767px) {
    .solo-mobile {
        display: block !important;
    }
    .solo-escritorio {
        display: none !important;
    }
}

/* 💻 Desktop: ≥768px */

@media screen and (min-width: 768px) {
    .solo-mobile {
        display: none !important;
    }
    .solo-escritorio {
        display: block !important;
    }
}