.img-chapeu-junino {
    position: absolute;
    top: 0rem;
    left: -0.1rem;
    width: 6rem;
    height: 6rem;
}

.header-superior {
    background: 
        url('../images/junino/bandeiras.png') 20% 44% / 300px 300px no-repeat, 
        url('../images/junino/balao.png') 40% center / 120px 120px no-repeat, 
        url('../images/junino/bandeiras.png') 65% 44% / 300px 300px no-repeat,
        var(--cor-tematica);
}

@media (max-width: 1191px) {
    .header-superior {
        background: 
            url('../images/junino/balao.png') 94% 0.5rem / 120px 120px no-repeat, 
            url('../images/junino/bandeiras.png') 17rem 44% / 300px 300px no-repeat, 
            var(--cor-tematica);
    }
}

@media (max-width: 870px) {
    .header-superior {
        background: 
            url('../images/junino/bandeiras.png') left 44% / 300px 300px no-repeat, 
            var(--cor-tematica);
    }
    .img-chapeu-junino-mobile {
        width: 5rem;
        height: 5rem;
        position: relative;
        left: 2.75rem;
        top: 0.;
        bottom: 0.45rem;
    }
}

@media (max-width: 481px) {
    .header-superior {
        background: 
            url('../images/junino/bandeiras.png') left 105% / 150px 150px no-repeat, 
            var(--cor-tematica);
    }

    .img-chapeu-junino-mobile {
        width: 4.5rem;
        height: 4.5rem;
        position: relative;
        left: 2.5rem;
        bottom: 0.35rem;
    }

    .titleHeader {
        font-size: 1.3em;
    }
    
    .title-header-link {
        padding: 0;
    }
}