/* Estilos Globais */
        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
            color: #333;
            margin: 0;
            padding: 0;
        }

        #div-header {
            display: none;
        }

        #header-part {
            background-color: #D9BCA9;
        }
        
        h1, h2, h3 {
            color: #000;
        }
        
        h1 {
            font-size: 3rem;
            font-family: "Sour Gummy";
            margin-bottom: 20px;
            font-weight: 700;
        }

        h2 {
            margin-bottom: 10px;
        }
                
        h3 {
            font-size: 2rem;
            margin-bottom: 10px;
            color: #333;
        }
        
        p {
            font-size: 1.1rem;
            font-family: monospace;
            margin-bottom: 20px;
            color: #555;
        }
        
        a {
            color: #000;
            text-decoration: none;
        }
        
        a:hover {
            text-decoration: underline;
        }

        #testimonial-full-width {
            width: 100%;
        }        
        
        /* Seção de introdução */
        .section-intro {
            text-align: center;
            background-color: #212121;
            padding: 50px 20px;
            margin-bottom: 40px;
            box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.1);
        }

        .section-intro h1 {
            color: #fff;
        }  
        .section-intro h2 {
            color: #fff;
        }
        .section-intro p {
            color: #fff;
        }
        
        /* Seção de eventos */
        .section-eventos {
            max-width: 1200px;
            margin: 0 auto;
        }

        .evento {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 30px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .evento:hover {
            transform: translateY(-5px);
            box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
        }

        .evento p {
            margin-bottom: 15px;
        }

        .evento strong {
            color: #000;
        }

        .evento h3 {
            margin-top: 0;
            margin-bottom: 15px;
            color: #333;
        }

        .evento ul {
            list-style: disc inside;
            margin-left: 20px;
            color: #555;
        }

        .evento ul li {
            margin-bottom: 10px;
        }
        
        /* Estilo para a galeria de imagens */
        .section-galeria {
            text-align: center;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .galeria {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 15px; /* Espaçamento entre as imagens */
            padding: 20px;
        }

        .galeria img {
            width: calc(31.33% - 10px); /* Faz com que cada imagem ocupe aproximadamente 1/3 da largura */
            border-radius: 10px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            object-fit: cover; /* Garante que a imagem ocupe todo o espaço sem distorção */
        }

        .galeria img:hover {
            transform: scale(1.05); /* Efeito de zoom ao passar o mouse */
        }

        /* Responsividade para telas menores (tablets e smartphones) */
        @media (max-width: 768px) {
            .galeria img {
                width: calc(50% - 10px); /* Imagens ocupam 50% da largura em telas médias */
            }
        }

        @media (max-width: 480px) {
            .galeria img {
                width: 100%; /* Imagens ocupam 100% da largura em telas pequenas */
            }
            .galeria {
                padding: 10px; /* Reduz o padding em telas menores */
                gap: 10px; /* Reduz o espaçamento entre as imagens em telas pequenas */
            }
        }
        
        /* Seção de participação */
        .section-participacao {
            background-color: #ecf0f1;
            padding: 40px 20px;
            border-radius: 8px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 50px;
        }
        
        .section-participacao h2 {
            margin-bottom: 30px;
        }
        
        .section-participacao p {
            font-size: 1.1rem;
            margin-bottom: 15px;
            color: #444;
        }
        
        .section-participacao a {
            font-weight: bold;
            color: #333;
        }
        
        .section-participacao a:hover {
            text-decoration: underline;
        }
        
        /* Seção de próximos eventos */
        .section-proximos-eventos {
            text-align: center;
        }
        
        .section-proximos-eventos ul {
            list-style: none;
            padding: 0;
        }
        
        .section-proximos-eventos ul li {
            font-size: 1.2rem;
            margin-bottom: 10px;
            padding: 10px 0;
            background-color: #fff;
            width: 90%;
            margin: 1em auto;
            border-radius: 8px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        
        .section-proximos-eventos ul li:hover {
            transform: translateY(-5px);
            box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
            background-color: #000;
            color: #FFF500;
        }
        
        /* Responsividade */
        @media (max-width: 768px) {
            h1 {
                font-size: 2.5rem;
            }
        
            h2 {
                font-size: 2rem;
                margin-left: 5px;
            }
        
            h3 {
                font-size: 1.5rem;
            }
        
            .galeria img {
                width: 100%;
            }
        
            .evento {
                padding: 15px;
            }
        
            .section-intro {
                padding: 30px 20px;
            }
        
            .section-participacao {
                padding: 30px 20px;
            }
        }
        
        /* Estilos básicos da seção */
#depoimentos {
    text-align: center;
    width: 100%;
}

/* Container do carrossel */
#carousel-container {
    position: relative;
    margin: 0 auto;
    width: 90%;
    height: 300px; /* Altura fixa do bloco */
    overflow: hidden;
    background-color: #eaeaea; /* Cor de fundo para destacar */
}

.carousel {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    transition: transform 0.5s ease-in-out;
}

/* Cada depoimento */
.depoimento {
    min-width: 100%;
    max-width: 600px; /* Limita a largura do texto */
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px;
    display: none; /* Esconde os depoimentos inicialmente */
    text-align: center;
}

.depoimento.active {
    display: block; /* Mostra apenas o depoimento ativo */
}

p {
    font-size: 16px;
}

blockquote {
    font-size: 1.2rem;
    font-style: italic;
    margin-bottom: 10px;
}


/* Estilos dos botões de navegação */
.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s ease-in-out;
    background-color: #FFF500;
    color: #000;
    border: none;
	padding: 0 35px;
	font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
	line-height: 50px;
	border-radius: 5px;
    cursor: pointer;
    z-index: 10;
}

.carousel-btn:hover {
    color: #fff;
    border-color: #000;
    background-color: #212529;
}

.prev {
    left: 10px;
    margin-top: 6em;
}

.next {
    right: 10px;
    margin-top: 6em;
}

.carousel-btn:hover {
    background-color: #333;
}

/* Ajuste de espaçamento para os botões */
.carousel-btn.prev {
    left: 50px;
}

.carousel-btn.next {
    right: 50px;
}