.vb-feature {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: end;
    gap: 40px 56px;
    padding: 56px;
    background: var(--texto);
    color: var(--white);
}

.vb-feature--icon {
    margin-top: 28px;
    padding-top: 76px;
}

.vb-feature__icon {
    position: absolute;
    top: -28px;
    left: 56px;
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    background: var(--gris-medio);
    color: var(--white);
}

.vb-feature__icon svg {
    width: 28px;
    height: 28px;
}

.vb-feature .vb-heading__supertitle {
    color: var(--gris-claro);
}

.vb-feature .vb-heading__supertitle::before {
    background: var(--gris-claro);
}

.vb-feature .vb-heading .vb-heading__title {
    color: var(--white);
}

.vb-feature__body {
    display: grid;
    justify-items: start;
    gap: 28px;
    padding-left: 56px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.vb-feature__text {
    margin: 0;
    line-height: 1.7;
    color: var(--gris-claro);
}

.vb-feature__text strong,
.vb-feature__text b {
    font-weight: 700;
    color: var(--white);
}

.vb-feature .vb-link-line,
.vb-feature .vb-link-line:hover {
    color: var(--white) !important;
}

.vb-feature .vb-link-line::before {
    background: var(--white);
}

@media (max-width: 991px) {
    .vb-feature {
        grid-template-columns: minmax(0, 1fr);
        padding: 40px 28px;
    }

    .vb-feature--icon {
        padding-top: 60px;
    }

    .vb-feature__icon {
        left: 28px;
    }

    .vb-feature__body {
        padding: 32px 0 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
}