.block-solutions {
    --padding-v: var(--padding-s);
    --padding-h: var(--padding-xxxl);
    --color: var(--mapa-light);
}
@media (max-width: 480px) {
    .block-solutions {
        --padding-v: var(--padding-s);
        --padding-h: var(--padding-s);
    }
}

.block-solutions {
    /*background-color: var(--light-grey);*/
    padding: var(--padding-v) var(--padding-h);
    position: relative;
    text-align: center;
}
.block-solutions .subtitle {
    margin: 0 auto;
    max-width: 31.875rem;
}
.block-solutions h2 {
    z-index: 1;
    transform: translateZ(1px);
    margin-bottom: var(--padding-xs);
    position: relative;
    font-weight: bold;
}
.block-solutions__cards {
    z-index: 1;
    transform: translateZ(1px);
    margin: var(--padding-l) auto var(--padding-m);
    position: relative;
}
.block-solutions__cards .card {
    background-color: var(--light-grey);
    padding: var(--padding-s) var(--padding-xs);
}

.block-solutions__cards .card .title {
    font-weight: bold;
    font-size: var(--font-size-md);
}

.block-solutions__link {
    outline: 0;
    text-decoration: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: var(--white);
    background-color: var(--mapa-light);
    border-radius: var(--border-radius-big);
    width: auto;
    justify-content: center;
    align-items: center;
    left: 0;
    padding: var(--padding-xxs) var(--padding-m);
    position: relative;
}
.block-solutions__link:hover{
    background-color: var(--mapa);
    color: var(--white);
}

.__accessible .block-solutions__link:focus {
    outline: 2px dashed !important;
}

/*.block-solutions__link::after {*/
    /*background: var(--color);*/
    /*bottom: 0;*/
    /*content: "";*/
    /*height: 1px;*/
    /*left: 50%;*/
    /*position: absolute;*/
    /*transform: translate(-50%, 0);*/
    /*width: 86%;*/
/*}*/


@media (max-width: 480px) {
    .block-solutions {
        overflow: hidden;
    }

    .block-solutions__cards .card:not(:last-child) {
        margin-bottom: var(--padding-s);
    }
}
@media (min-width: 480px) {
    .block-solutions__cards {

        display: flex;
        justify-content: space-between;
        grid-gap: var(--padding-m);
        gap: var(--padding-m);

        /*bs start*/
        /*align-items: flex-start;*/
        display: -webkit-flex;
        display: flex;
        display: -ms-flex;
        /*bs end*/
    }
    /*bs start*/
    .block-solutions__cards .card{
        max-width: 32%;
        flex: 1;
    }
    /* bs end */

}