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

.block-cases {
    /*background-color: var(--light-grey);*/
    overflow: hidden;
    padding: var(--padding-v) var(--padding-h);
    text-align: center;
}
.block-cases .subtitle {
    margin: 0 auto;
    max-width: 31.875rem;
}
.block-cases h2 {
    z-index: 3;
    transform: translateZ(3px);
    margin-bottom: var(--padding-xs);
    position: relative;
    font-weight: bold;
}
.block-cases__cards {
    z-index: 3;
    transform: translateZ(3px);
    margin: var(--padding-l) auto var(--padding-m);
    position: relative;
}
.block-cases__cards .card {
    background-color: var(--light-grey);
    padding: var(--padding-s) var(--padding-xs);
}
.block-cases__cards .card .title {
    font-weight: bold;
    font-size: var(--font-size-md);
}
.block-cases__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-cases__link:hover{
    background-color: var(--mapa);
    color: var(--white);
}

.__accessible .block-cases__link:focus {
    outline: 2px dashed !important;
}
/*.block-cases__link::after {*/
    /*background: var(--color);*/
    /*bottom: 0;*/
    /*content: "";*/
    /*height: 1px;*/
    /*left: 50%;*/
    /*position: absolute;*/
    /*transform: translate(-50%, 0);*/
    /*width: 86%;*/
/*}*/
.block-cases .icon {
    z-index: 0;
    transform: translateZ(0px);
    position: absolute;
}
.block-cases .icon svg,
.block-cases .icon img { /*BS*/
    height: 100%;
    width: 100%;
}
.block-cases__wrapper {
    z-index: 3;
    transform: translateZ(3px);
    position: relative;
}

@media (max-width: 480px) {
    .block-cases .icon--1 {
        height: 15.375rem;
        left: -5%;
        top: 0%;
        width: 19.0625rem;
    }
    .block-cases .icon--2 {
        height: 20.4375rem;
        right: -9%;
        top: 54%;
        width: 11.125rem;
    }
    .block-cases__cards .card:not(:last-child) {
        margin-bottom: var(--padding-s);
    }
}
@media (min-width: 480px) {
    .block-cases__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-cases__cards .card{
        max-width: 32%;
        flex: 1;
    }
    /* bs end */
    .block-cases .icon--1 {
        height: 30.8125rem;
        left: -5%;
        top: 20%;
        width: 38.1875rem;
    }
    .block-cases .icon--2 {
        height: 40.9375rem;
        right: -12%;
        top: 0%;
        width: 22.25rem;
    }
}
@media (hover: hover) {
    .card:hover {
        text-decoration: inherit;
    }

    .card:hover .plus svg .bg,
    .card:hover .plus img .bg{
        fill: var(--mapa);
    }
}