/* MAIN SLIDER */
.splide {
    height: 100%;
}
.splide__slide {
    /* height: 100%; */
    display: flex;
}
  
.splide__slide img {
    width: 100%;
    object-fit: cover;
}
  
.splide__arrow {
    pointer-events: all;
}
  
.splide__text__area {
    width: 50%;
    height: 100%;
    padding: 8vh 6vw 0 6vw;
    color: var(--main-white);
}

.big__letter {
    font-size: 250px;
    color: rgba(255,255,255,0.5);
    line-height: 250px;
}

.text__area__title {
    text-transform: uppercase;
    font-size: 3rem;
    letter-spacing: 0.5rem;
}

.text__area__subtitle {
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 5vh;
    letter-spacing: 0.5rem;
    font-weight: 100;
}

.text__area__bodycopy {
    font-size: min(2vh, 4vw);
    font-weight: 100;
}

.text__area__btn {
    position: absolute;
    bottom: 6vh;
    text-transform: uppercase;
    font-weight: 100;
}
/* INNER SLIDER */
.splide__inner {
    width: 50%;
    height: 100%;
    position: relative;
}

.splide__inner .splide__pagination li button{
    pointer-events: all;
}
.splide__inner .splide__list li {
    pointer-events: all;
    cursor: grab;
}

.splide__list, .splide__track {
    height: 100%;
}

.slide__inner__text {
    position: absolute;
    right:  min(30%, 100px);
    bottom: 6vh;
    z-index: 10;
    text-transform: uppercase;
    width: 30%;
}
.inner__intro {
    margin-bottom: 3vh;
    font-size: 1.25rem;
    font-weight: 400;
}
.inner__ambassador{
    text-transform: uppercase;
    letter-spacing: 0.4em;
    font-weight: bold;
    font-size: 1.5rem;
    position: relative;
    color: var(--main-white);
}

.inner__ambassador:before {
    display: inline-block;
    content: "";
    border-top: 5px solid var(--main-white);
    width: 35px;
    position: absolute;
    top: -15px;
}

.text__area__disenio {
    background: var(--color-disenio);
}
.text__area__local {
    background: var(--color-local);
}
.text__area__versatilidad {
    background: var(--color-versatilidad);
}
.text__area__humano {
    background: var(--color-humano);
}
.text__area__calidad {
    background: var(--color-calidad);
}

.text__area__innovacion {
    background: var(--color-innovacion);
}

.text__area__confianza {
    background: var(--color-confianza);
}
.text__area__tendencia {
    background: var(--color-tendencia);
}
.text__area__inteligente {
    background: var(--color-inteligente);
}
.text__area__actualizacion {
    background: var(--color-actualizacion);
}

.splide__track__mobile {
    display:none
}