/* CSS Dinâmico - Correção de Backgrounds */

/* Hero Section Background */
.hero {
    background-image: url('https://v2.atitudejovem.org.br/uploads/static/backgrounds/bg_telaInicial01.png');
}

/* Green Background Section - Footer com Gradient */
.green-bg {
    background: linear-gradient(180deg, #127906 0%, #58AE45 100%);
}

/* Testimonials Section */
.testimonials {
    background-color: var(--light-gray);
    background-image: url('https://v2.atitudejovem.org.br/uploads/static/backgrounds/bg_folha.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 2rem;
}

.testimonials::after {
    content: '';
    position: absolute;
    bottom: -8rem;
    left: 0;
    right: 0;
    height: 8rem;
    background-image: url('https://v2.atitudejovem.org.br/uploads/static/backgrounds/bg_folha.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Footer or Bottom Section with Gradient */
.section-with-gradient {
    background-image: linear-gradient(to bottom, 
        transparent 0%, 
        transparent 50%, 
        rgba(255, 255, 255, 1) 100%
    ), url('https://v2.atitudejovem.org.br/images/bg_telaInicial09.png');
}