/* ******************************************** */
/** Components TABS
/* ******************************************** */


.c-tabs{
    position: relative;
    white-space: nowrap;
    padding: 10px 0;
    overflow: auto;
    margin-inline-end: -10px;
    margin-inline-end: calc(var(--space-x)*-1);
}

.c-tabs:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 30px;
}

.c-tabs:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 30px;
}

.c-tabs__tab{
    transition: border 300ms ease-out;
}

.c-tabs__tab.is-active{
    border-bottom: 2px solid var(--color-primary);
    transition: border 300ms ease-out;
}

.c-tabs__item{
    display: inline-block;
    font-size: 1.7rem;
    font-weight: 500;
}

.c-tabs__item:not(:first-child){
    margin-inline-start: 30px;
}


/* EXTRAS */

.c-tabs-content__content img{
    border-radius: 30px;
    overflow: hidden;
}

.c-tabs-content__content{
    display: none;
}

.c-tabs-content__content.is-active{
    display: block;
}


/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 768px) {


    .c-tabs-content__holder{
        margin-top: calc(var(--separator)*1.4);
    }

    .c-tabs{
        white-space: normal;
        display: flex;
        flex-wrap: wrap;
        gap: 20px 30px;
        overflow: initial;
        margin: 0;
    }

    .c-tabs__item:not(:first-child){
        margin-inline-start: 0;
    }


}