/* ******************************************** */
/** Components Blocks LIST
/* ******************************************** */


.c-blocks-list__item{
    display: flex;
    gap: 25px;
    flex-direction: column-reverse;

    background-color: var(--color-primary);
    color: var(--color-lightest);
    padding: 40px;
    border-radius: 35px;
    font-size: 1.8rem;
    line-height: 1.6;
}

.c-blocks-list__item:not(:first-child){
    margin-top: 20px;
}

.c-blocks-list__item:nth-child(3n){
    background-color: var(--color-skyblue);
}

.c-blocks-list__item:nth-child(4n),
.c-blocks-list__item:first-child{
    background-color: var(--color-secondary);
}

.c-blocks-list__name{ 
    font-weight: 600;
}

.c-blocks-dropdownlist .c-dropdownlist .c-blocks-list__item{
    background-color: var(--color-primary);
}

.c-blocks-dropdownlist .c-dropdownlist:nth-child(2n) .c-blocks-list__item{
    background-color: var(--color-skyblue);
}

.c-blocks-dropdownlist .c-dropdownlist:nth-child(3n) .c-blocks-list__item{
    background-color: var(--color-secondary);
}




/* ********************** MOBILE LANDSCAPE ********************** */

@media (orientation: landscape) and (min-width: 500px) and (max-width: 767px) {

    .c-blocks-list__item{
        flex-direction: row;
        direction: rtl;
    }

    .c-blocks-list__item > *{
        width: 50%
    }

    .c-blocks-list__item > * > *:not(:first-child){
        margin-top: 1em;
    }

    .c-blocks-list--align-right .c-blocks-list__item > *:first-child{
        text-align: right;
    }

}


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

@media (min-width: 768px) {

    .c-blocks-list__item{
        flex-direction: row;
        direction: rtl;
    }

    .c-blocks-list__item > *{
        width: 50%
    }

    .c-blocks-list__item > * > *:not(:first-child){
        margin-top: .6em;
    }

    .c-blocks-list__item > * > a{
        position: relative;
        display: inline-block;
    }

    .c-blocks-list__item > * > a:before{
        content: "";
        display: block;
        width: 100%;
        min-width: var(--tap-size);
        height: var(--tap-size);
        min-height: var(--tap-size);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .c-blocks-list--align-right .c-blocks-list__item > *:first-child{
        text-align: right;
    }

}


/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 980px) {

    .c-blocks-list{
        max-width: 1180px;
        margin-left: auto;
        margin-right: auto;
    }

    .c-dropdownlist .c-blocks-list{
        max-width: none;
    }

}


/* ********************** de Desktop a DESKTOP 2 ********************** */

@media (min-width: 1200px) {

    .c-blocks-list__item{
        font-size: 2.1rem;
    }

}