/* BANNER */
@media screen and (max-width: 782px) {
    #hero-parallax {
        background-position: 65% center !important;
        height: 350px;
    }
    #hero-parallax .hero-text-left {
        top: 20px;
        gap: .3rem;
    }
    #hero-parallax .hero-text-left .hero-base-about-us {
        font-size: 20px;
    }
    #hero-parallax .hero-text-left .hero-about-us-emphasis {
        font-size: 30px;
    }
}

/* SOBRE */
#sobre {
    position: relative;
    z-index: 50;
}
#sobre::before {
    content: '';
    position: absolute;
    left: 0;
    top: -150px;
    width: 100%;
    height: 152px;
    background-image: linear-gradient(0deg, rgb(243 246 249) 0, rgb(243 246 249) 20%, rgba(255, 255, 255, 0) 100%);
}

/* VALORES */
@media screen and (max-width: 782px) {
    #valores {
        padding-bottom: 250px;
        background-position: 80% bottom !important;
        background-size: 800px;
    }
}