:root {
    --swiper-theme-color: #efefef;
}
.swiper-container,
.swiper-container-mobi {
    width: 100%;
    height: 70vh;
    max-height: 500px;
    height: 500px;
}
.swiper-slide,
.swiper-slide-mobi {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #ddd;
    z-index: 0;
    cursor: pointer;
    height: 500px;
    max-height: 500px;
}
.swiper-slide-mobi {
    background-color: #112A73;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.swiper-slide.sosslide,
.swiper-slide.radslide,
.swiper-slide.disslide,
.swiper-slide.nosslide {
    cursor: default;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.swiper-slide-mobi img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.swiper-slide figure.swiper-slide-home {
    background-image: url("../images/ofertas/fondo-ofertas-mobi.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 500px;
}
.caption {
    position: absolute;
    top: 43%;
    left: 30px;
    transform: translateX(100%);
    color: #112A73;
    font-family: "Khand", sans-serif;
    font-size: 3rem;
    font-weight: 600;
    min-width: 260px;
    max-width: 1450px;
    width: 260px;
    text-align: left;
    opacity: 0;
    transition: transform 0.5s ease-in-out, opacity 1s ease-out;

}
.caption-txt {
    position: absolute;
    top: 52%;
    left: 30px;
    transform: translateY(100%);
    color: #112A73;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: left;
    min-width: 260px;
    max-width: 1450px;
    width: 260px;
    opacity: 0;
    transition: transform 1s ease-in-out, opacity 1s ease-out;
}
.caption-white,
.caption-txt-white {
    color: #fff;
    margin-top: 40px;
}
.caption-fantasy,
.caption-txt-fantasy {
    color: #ffe1f9;
}
.swiper-slide-active .caption {
    transform: translateX(0);
    opacity: 1;
}
.swiper-slide-active .caption-txt {
    transform: translateY(0);
    opacity: 1;
}
.swiper-pagination {
    position: absolute;
    bottom: 10px; /* Ajusta este valor según sea necesario */
    left: 0;
    width: 100%;
    text-align: center;
}
.swiper-pagination-bullet {
    background: var(--swiper-theme-color);

}
.swiper-container,
.swiper-container-mobi {
    position: relative;
}
.swiper-container-mobi {
    background: #112A73;
}
.slide1 {
    margin-top: 70px;
}