.hero-commun {
    position: relative;
    max-width: 938px;
    width: 100%;
    min-height: 282px;
    border-radius: 15px;
    padding: 32px;
    margin: 16px 0 8px;
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.hero-commun.right {
    justify-content: right;
}
.hero-commun.initial {
    margin-bottom: 0px;
}

.hero-commun__text {
    height: auto;
    order: 2;
    margin-top: 0px;
}
.hero-commun__text--expand {
    width: fit-content;
}

.hero-commun__text-text {
    color: var(--design-sys-sec-color__grey--3);
}

.hero-commun__text-title {
    color: var(--design-sys-sec-color__black);
    margin-bottom: 8px !important;
}

.hero-commun__text-paragraph {
    white-space: pre-line;
}

/* Adjust text en left img */
.hero-commun__text.right {
    text-align: right;
}

/* Breakpoint for uikit m screen*/
@media (min-width: 960px) {
    .hero-commun__text {
        width: 38.9vw;
        max-width: 430px;
    }
}
