/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*-------------------------------------@DEFAULT-----------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------*/
/*-----------------------------------@PAGINATION----------------------------------*/
/*--------------------------------------------------------------------------------*/

.slider-solucion-information-tabs__pagination {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    row-gap:var(--gap-s);
    column-gap:var(--gap-m);

    padding-bottom:var(--gap-m);

    position:relative;
    top:unset!important;
    right:unset!important;
    bottom:unset!important;
    left:unset!important;
}

.slider-solucion-information-tabs__pagination::-webkit-scrollbar {
    height:0;
}

.slider-solucion-information-tabs__pagination > button {
    width:fit-content!important;
    height:unset!important;

    flex-shrink: 0!important;

    margin:0!important;

    position:relative!important;

    font-family:var(--text-family-primary)!important;
    font-size:var(--text-head-xs-size)!important;
    line-height:var(--text-head-xs-line-height)!important;
    letter-spacing: 0em!important;
    text-transform:initial!important;
    font-weight:400!important;
    text-align:left!important;
    color:var(--color-gray-battleship)!important;
    text-decoration: none!important;

    opacity:1!important;

    background-color:transparent!important;

    border-radius:0!important;
    
    transition: all calc(1/3*1s) ease-in-out!important;
}
.slider-solucion-information-tabs__pagination > button.swiper-pagination-bullet-active {
    color:var(--color-purple-09)!important;
}

.slider-solucion-information-tabs__pagination > button::after {
    width:0%;
    height:2px;
    
    position:absolute;
    top: calc(50% + var(--text-body-l-line-height) / 2);
    left: 50%;

    content:'';

    transform: translateX(-50%);
    transform-origin: 50%;

    background-color:var(--color-purple-09);

    border-radius:1px;

    transition: all calc(1/3*1s) ease-in-out;
}
.slider-solucion-information-tabs__pagination > button.swiper-pagination-bullet-active::after {
    width:calc( 1/2*100% ); 
}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------@SLIDE------------------------------------*/
/*--------------------------------------------------------------------------------*/

.slider-solucion-information-tabs {
    transition:all calc(1/6*1s) ease-in-out;
}

.slider-solucion-information-tabs .swiper-slide {
    height:fit-content!important;

    font-family:var(--text-family-secondary);
    font-size:var(--text-body-xl-size);
    line-height:var(--text-body-xl-line-height);
    letter-spacing: 0em;
    text-transform:initial;
    font-weight:400;
    text-align:left;
    color:var(--color-black-eerie);
    text-decoration: none;
}

.slider-solucion-information-tabs .swiper-slide table > thead > tr:first-child {
    background-color:var(--color-gray-smoke);
}

@media ( min-width: 1025px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------#DEFAULT-----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

}

@media ( min-width:768px ) and ( max-width:1024px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------$DEFAULT-----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

}

@media ( max-width:767px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------%DEFAULT-----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    
    .slider-solucion-information-tabs__pagination__container {
        position:relative;
    }

    .slider-solucion-information-tabs__pagination__container::before {
        width:10%; 
        height:100%; 

        position:absolute;
        top:0;
        left:0;
        z-index:2;

        content:'';

        background:linear-gradient( 90deg, rgba( 255,255,255,1 ) 0%, rgba( 255,255,255,0 ) 100% );
    }

    .slider-solucion-information-tabs__pagination__container::after {
        width:10%; 
        height:100%; 

        position:absolute;
        top:0;
        right:0;

        content:'';

        background:linear-gradient( 90deg, rgba( 255,255,255,0 ) 0%, rgba( 255,255,255,1 ) 100% );
    }

    .slider-solucion-information-tabs__pagination {
        flex-wrap: nowrap;
        justify-content: flex-start;
        column-gap:var(--gap-s);

        overflow-x: scroll;
    }

    .slider-solucion-information-tabs__pagination > button:first-child {
        z-index:2;
    }

    .slider-solucion-information-tabs__pagination > button:last-child {
        z-index:2;
    }


    
}