.hero {
    width: 100%;
    height: 670px;
    position: relative;
}

.hero__container {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 0 90px;
    position: relative;
    z-index: 10;
    justify-content: flex-end;
}

.hero__thumbnail {
    height: 100%;
    width: calc(60% - 45px);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 48%;
}

.hero__thumbnail--mobile {
    height: 100%;
    width: calc(60% - 45px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}

.hero__text-content {
    width: calc(45% - 45px);
    align-self: center;
}

.hero__image {
    width: 100%;
}

.hero__content,
.hero__title--bold {
    line-height: 28px;
    color: var(--tertiary-text-color);
}
/* END HERO SECTION */

@media screen and (max-width: 991px) {
    .hero {
        height: auto;
        padding-bottom: 0;
    }

    .hero__container {
        flex-direction: column;
    }

    .hero__thumbnail {
        display: none;
    }

    .hero__thumbnail--mobile {
        display: block;
        width: 100%;
        height: 60vw;
        min-height: 270px;
    }

    .hero__text-content {
        width: 100%;
        padding: 50px 30px;
        margin: 0 auto;
    }

 }

@media screen and (max-width: 767px) {
  
    .invertir__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 475px) {
    .hero {
        height: auto;
        padding-bottom: 0;
    }
}