.titulo__box{
    background-color: var(--main-color);
    color: var(--bg-color);
    display: inline-block;
    font-weight: 500;
    line-height: 2.285rem;
    position: relative;    
}

.titulo__box::before{
    content: "";
    position: absolute;
    top: -25%;
    left: -15px;
    width: 250px;
    height: 103px;
    display: block;
    z-index: -1;
    background: url(../../img/outerground-titulo.png) no-repeat left center / contain;
}

.titulo__box--regular{
    font-size: 1.25rem;
    width: 65.5vw;
    padding: 1rem 0rem 1.5rem 2.15rem;
    margin: 2rem 0;
}

@media screen and (min-width: 778px) {
    .titulo__box{
        width: 415px;
        padding-right: 1rem;
        line-height: 3.685rem;
    }
    .titulo__box--regular{
        font-size: 32px;
        line-height: 3rem;
    }
    .titulo__box::before{
        width: 340px;
        height: 140px;
    }
}