/* scrollider */

.scrollider25wrap {
    display: grid;
    grid-template-columns: var(--espacio-lg) 1fr var(--espacio-lg);
    grid-template-rows: 1fr var(--espacio-lg);
    grid-template-areas:
        'btnizq main btnder'
        '. dots .'
    ;
}
.scrollider25 .vc_row.vc_inner {
    display: none;
}
/*.scrollider-data-origin {*/
/*    display: none;*/
/*}*/
.scrollider25SlotMain {
    grid-area: main;
    padding: var(--espacio-xs);
}
.scrollider25SlotDots {
    --dotsize: var(--espacio-xs);
    grid-area: dots;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--espacio-xs);
}
.scrollider25ButtonIzq {
    grid-area: btnizq;
}
.scrollider25ButtonDer {
    grid-area: btnder;
}
.scrollider25Button {
    --button-size: calc(var(--espacio-sm) * 2);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}
.scrollider25Button:hover {
    --button-size: calc(var(--espacio-sm) * 2.2);
}
.scrollider25Button button {
    display: inline-block;
    width: var(--button-size);
    height: var(--button-size);
    border: 0;
    background: transparent;
    position: relative;
}
.scrollider25Button button::after {
    content:"";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    filter: drop-shadow(0 3px 2px rgba(from var(--c-azul) r g b / 0.35));
}
.scrollider25ButtonIzq button::after {
    background-image: url(../images/techie-izq.svg);
}
.scrollider25ButtonDer button::after {
    background-image: url(../images/techie-der.svg);
}
.scrollider25SlotDots span {
    display: inline-block;
    width: var(--dotsize);
    height: var(--dotsize);
    background-color: var(--c-gris);
    border-radius: calc(var(--dotsize) / 2);
    cursor: pointer;
}
.scrollider25SlotDots span:hover,
.scrollider25SlotDots span.active {
    background-color: var(--c-amarillo);
    width: calc(var(--dotsize) * 2.5);
}
.scrollider25SlotMain {
    background: var(--c-softgray);
    border-radius: 10px;
    border-top: 5px solid var(--c-turquesa);
    box-shadow: 0px 3px 3px rgba(from var(--c-azul) r g b / 0.25);
    padding: var(--espacio-sm) var(--espacio-md);
}
/*.scrolliderButton {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    padding: var(--espacio-xxs);*/
/*}*/
/*.scrolliderButton button {*/
/*    border: 0 none;*/
/*    background: none;*/
/*    padding: 0;*/
/*}*/
/*.scrolliderButton img {*/
/*    height: var(--espacio-sm);*/
/*}*/
@media(max-width: 768px) {
    /*.scrolliderSlotDots {*/
    /*    grid-template-columns: 1fr var(--espacio-xxl);*/
    /*}*/
    /*.scrolliderSlotCta {*/
    /*    padding-left: var(--espacio-xxs);*/
    /*    background: unset;*/
    /*}*/
    /*.scrolliderButton img {*/
    /*    height: var(--espacio-md);*/
    /*}*/
}
/*.scrolliderSlotCta h5 {*/
/*    font-size: var(--fs-lg);*/
/*    font-weight: var(--fw-semibold);*/
/*    line-height: var(--lh-lg);*/
/*    margin-bottom: var(--espacio-xxs);*/
/*}*/
/*.scrolliderSlotCta p {*/
/*    font-size: var(--fs-md);*/
/*    font-weight: var(--fw-regular);*/
/*}*/
/* scrollider image size control */
.scrollider25SlotMain figure.wpb_wrapper.vc_figure {
    display: block;
}
/*.scrolliderSlotMain .vc_single_image-wrapper.vc_box_border_grey {*/
/*    height: 400px;*/
/*    width: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
/*.scrolliderSlotMain .wpb_single_image img {*/
/*    max-height: 100%;*/
/*    width: auto;*/
/*}*/
/* scrollider animations */
@keyframes hiddenToLeftFullAnimation {
    0% { transform: translateX(0); opacity: 1; }
    45% { transform: translateX(-200px); opacity: 0; }
    55% { transform: translateX(200px); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}
@keyframes hiddenToRightFullAnimation {
    0% { transform: translateX(0); opacity: 1; }
    45% { transform: translateX(200px); opacity: 0; }
    55% { transform: translateX(-200px); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}
.hiddenToLeft {
    animation: hiddenToLeftFullAnimation 1.05s;
}
.hiddenToRight {
    animation: hiddenToRightFullAnimation 1.05s;
}



/*




section.brand22.scrollider {
    padding-top: var(--espacio-md);
    padding-bottom: var(--espacio-md);
}
.scrollider-izq, .scrollider-der {
    aspect-ratio: 1 / 1;
}
.scrollider-izq > .vc_column-inner, .scrollider-der > .vc_column-inner {
    padding: var(--espacio-sm);
}
.scrollider-izq h3 {
    font-size: var(--fs-lg);
    line-height: var(--lh-lg);
}
.scrollider-izq:before {
    content: "";
    background: url('/wp-content/uploads/2022/03/techie0.png') no-repeat;
    position: absolute;
    width: var(--espacio-sm);
    height: var(--espacio-sm);
    background-size: cover;
    top: var(--espacio-sm);
    left: var(--espacio-sm);
}
.scrollider-izq:after {
    content: "";
    background: url('/wp-content/uploads/2022/03/techie180.png') no-repeat;
    position: absolute;
    width: var(--espacio-sm);
    height: var(--espacio-sm);
    background-size: cover;
    right: var(--espacio-sm);
    bottom: var(--espacio-sm);
    background-position: var(--padding-sm) var(--padding-sm);
}
.scrollider-der .wpb_single_image img {
    max-height: 60px;
    object-fit: contain;
    max-width: 200px;
}
.scrollider-btns {
    position: absolute;
    bottom: var(--espacio-sm);
    width: 100%;
    right: var(--espacio-sm);
    height: var(--lh-md);
    display: flex;
    align-items: center;
    justify-content: end;
}
.scrollider-btns > .wpb_wrapper {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}
.scrollider-btns a {
    position: relative;
    display: inline-block;
    width: var(--fs-lg);
    height: var(--fs-lg);
}
.valoraciones .scrollider-izq, .valoraciones .scrollider-der {
    aspect-ratio: auto;
}
/*.scrollider.valoraciones .scrollider-der {
    padding-bottom: var(--espacio-md);
}* /
.scrollider.valoraciones .scrollider-izq h3 {
    font-size: var(--fs-xxl);
    line-height: var(--lh-xxl);
}
.scrollider.valoraciones .scrollider-der figure {
    padding-bottom: var(--espacio-xxs);
    height: 70px;
}
.scrollider.valoraciones .scrollider-der p {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: var(--fw-normal);
    margin-bottom: var(--espacio-xxs);
}
.scrollider.valoraciones .scrollider-der p:nth-last-child(2) {
    margin-top: var(--espacio-xs);
}
/*
.scrollider.valoraciones .scrollider-der p:nth-last-child(1),
.scrollider.valoraciones .scrollider-der p:nth-last-child(2) {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: var(--fw-semibold);
    margin-bottom: 0;
}
.scrollider.valoraciones .scrollider-der p:nth-last-child(1) {
    color: var(--c-amarillo);
}
*/

/* Despersonalizado
.scrollider.valoraciones .scrollider-der .despersonalizado p:nth-last-child(1),
.scrollider.valoraciones .scrollider-der .despersonalizado p:nth-last-child(2) {
    font-size: var(--fs-sm);
    line-height: var(--lh-sm);
    font-weight: var(--fw-regular);
}
.scrollider.valoraciones .scrollider-der .despersonalizado p:nth-last-child(1) {
    color: var(--c-azul);
}
*/