/* ******************************************** */
/** Components Blocks TABLE
/* ******************************************** */

.c-blocks-table{
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.3;
}

.c-blocks-table tbody{
    background-color: var(--color-primary);
    color: var(--color-lightest);
}

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

.c-blocks-table tbody:first-of-type,
.c-blocks-table tbody:last-child{
    background-color: var(--color-secondary);
}

.c-blocks-table tbody td[rowspan]{
    font-size: 2.2rem;
    font-weight: 600;
}



/* ********************** only Mobile ********************** */

@media (max-width: 979px) {

    .c-blocks-table{
        display: block;
    }

    .c-blocks-table table{
        margin-left: auto;
        margin-right: auto;
    }

    .c-blocks-table thead{
        display: none;
    }

    .c-blocks-table tbody,
    .c-blocks-table tbody tr,
    .c-blocks-table tbody td{
        display: block;
    }

    .c-blocks-table tbody td[rowspan] + td,
    .c-blocks-table tbody tr:not(:first-child){
        margin-top: 1em;
    }

    .c-blocks-table tbody td{
        font-weight: 500;
    }
    .c-blocks-table tbody td:last-child{
        font-weight: 300;
    }

    .c-blocks-table tbody td:not(:first-child){
        margin-top: .5em;
    }

    .c-blocks-table tbody{
        border-radius: 35px;
        padding: 40px 30px;
    }

    .c-blocks-table tbody:not(:first-of-type){
        margin-top: 40px;
    }

}

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

@media (min-width: 768px) {

    .c-blocks-table tbody{
        border-radius: 35px;
        padding: 40px;
    }

}

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

@media (min-width: 980px) {

    .c-blocks-table{
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
    }

    .c-blocks-table th {
        font-weight: 600;
        color: var(--color-darkest);
        text-align: left;
        padding: 0 50px 15px;
        font-size: 1.1em;
    }

    .c-blocks-table tbody tr:first-child td:last-child{
        border-radius: 0 35px 0 0;
    }
    
    html[dir="rtl"]  .c-blocks-table tbody tr:first-child td:last-child{
        border-radius: 35px 0 0 0;
    }

    .c-blocks-table tbody tr:first-child td{
        padding-top: 44px;
    }

    .c-blocks-table tbody tr:last-child td{
        padding-bottom: 40px;
    }

    .c-blocks-table tbody tr:last-child td:last-child{
        border-radius: 0 0 35px 0;
    }

    html[dir="rtl"]  .c-blocks-table tbody tr:last-child td:last-child{
        border-radius: 0 0 0 35px;
    }

    .c-blocks-table tbody td{
        padding: 14px 50px 10px;
        vertical-align: middle;
        line-height: 1.2;
    }

    .c-blocks-table tbody td[rowspan]{
        padding: 10px 50px !important;
        border-radius: 35px 0 0 35px;
    }

    html[dir="rtl"] .c-blocks-table tbody td[rowspan] {
        border-radius: 0 35px 35px 0;
    }

    .c-blocks-table tbody td[rowspan='1'] ~ td:last-child{
        border-radius:  0 35px 35px 0;
    }

    .c-blocks-table tbody td:last-child{
        white-space: nowrap;
    }

    .c-blocks-table tbody:not(:first-of-type):before{
        content: '';
        display: block;
        height: 15px;
        background-color: var(--color-lightest);
    }

}