.splide__container{box-sizing:border-box;position:relative}
.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0;padding:0}
.splide.is-initialized:not(.is-active) .splide__list{display:block}
.splide__progress__bar{width:0}
.splide{position:relative;visibility:hidden}
.splide.is-initialized,
.splide.is-rendered{visibility:visible;margin: 0 auto;}
.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}
.splide__slide img{vertical-align:bottom}
.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}
.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause{display:none}
.splide__toggle.is-active .splide__toggle__pause{display:inline}
.splide__track{overflow:hidden;position:relative;z-index:0}
@keyframes splide-loading{
    0%{transform:rotate(0)}to{transform:rotate(1turn)}
}
.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.splide__track--fade>.splide__list>.splide__slide{margin:0;opacity:0;z-index:0}
.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}
.splide--rtl{direction:rtl}
.splide__track--ttb>.splide__list{display:block}

.splide__pagination {display: flex;justify-content: center;margin-bottom: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1545)), 10px);}
.splide__pagination li {line-height: 1;}
.splide__pagination li button {width: 40px;border: 1px solid #DED5AE;}
.splide__pagination li button.is-active {border-color: #FDC000;}


.splide__arrows {display: flex;justify-content: center;gap: 12px;}
.splide__arrow {
    background: url(../img/front/whats/Icon_arrowR.svg) no-repeat center / 100%;
    border:0;
    border-radius:50%;
    width: clamp(34px, calc(34px + 20 * ((100vw - 375px) / 1545)), 54px);
    height: clamp(34px, calc(34px + 20 * ((100vw - 375px) / 1545)), 54px);
}
.splide__arrow:hover:not(:disabled){opacity:.9}
.splide__arrow:disabled {opacity:.3}
.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide__arrow--prev {transform: scale(-1, -1);}
.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__arrow svg {display: none;}

.splide__progress__bar{background:#ccc;height:3px}
.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.splide__slide:focus{outline:0}
@supports(outline-offset:-3px){
    .splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}
}
@media screen and (
    -ms-high-contrast:none){
        .splide__slide:focus-visible{border:3px solid #0bf}
    }
@supports(outline-offset:-3px){
    .splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}
}
@media screen and (
    -ms-high-contrast:none){
        .splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}
        .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}
}
.splide__toggle{cursor:pointer}
.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}
.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}
.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}
.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #222}
.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}
.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}
.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}
.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}
.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}
.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}
.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}