.block-billboard.--mapa {
    --bg: var(--mapa);
}
.block-billboard.--orange {
    --bg: var(--orange-light);
}
.block-billboard.--blue {
    --bg: var(--blue);
}
.block-billboard.--yellow {
    --bg: var(--yellow);
}
.block-billboard.--green {
    --bg: var(--green);
}
.block-billboard.--purple {
    --bg: var(--purple);
}
.block-billboard.--purple-dark {
    --bg: var(--purple-dark);
}

.block-billboard {
    font-family: var(--font-sans);
    font-weight: 400;
    letter-spacing: var(--letter-spacing);
    line-height: var(--line-height);
    background: none;
    border-radius: var(--border-radius-big);
    overflow: hidden;
    padding: calc(var(--padding-s) + var(--header-height)) var(--padding-s) var(--padding-m);
    position: relative;
}
.block-billboard .icon {
    z-index: 0;
    transform: translateZ(0px);
    position: absolute;
}
.block-billboard .icon svg,
.block-billboard .icon img{ /*BS*/
    height: 100%;
    width: 100%;
}
.block-billboard .title,
.block-billboard .content {
    z-index: 1;
    transform: translateZ(1px);
    position: relative;
}
.block-billboard .content {
    font-family: var(--font-sans2);
}
.block-billboard .content p:not(:last-child) {
    margin-bottom: var(--padding-xs);
}
.block-billboard .content .button {
    margin-top: var(--padding-l);
}
@media (max-width: 480px) {
    .block-billboard {
        border-radius: var(--border-radius-xs);
        padding-top: var(--padding-l);
    }
    .block-billboard .title {
        margin-bottom: var(--padding-m);
    }
    .block-billboard .icon {
        z-index: 0;
        transform: translateZ(0px);
        height: 15.625rem;
        right: 30%;
        top: 0;
        width: 23.1875rem;
    }
}
@media (min-width: 480px) {
    .block-billboard {
        display: flex;
        padding: var(--padding-m) var(--padding-xxxl);
    }
    .block-billboard > .title {
        width: 63%;
    }
    .block-billboard > .content {
        width: 37%;
    }
    .block-billboard .icon {
        z-index: 0;
        transform: translateZ(0px);
        height: 35.125rem;
        right: 50%;
        top: calc(-1 * var(--padding-xxxxl));
        width: 52rem;
    }
}