header#header_top.header_landing,
#header_top.header_landing {
    background-color: #ffffff !important;
}

#header_top nav ul.menu li button.special-title-menu,#header_top nav ul.menu li a.special-title-menu,header nav ul.menu li button.special-title-menu,header nav ul.menu li a.special-title-menu,#header_top .col-lg-7 nav ul.menu li button.special-title-menu,#header_top .col-lg-7 nav ul.menu li a.special-title-menu,header .col-lg-7 nav ul.menu li button.special-title-menu,header .col-lg-7 nav ul.menu li a.special-title-menu {text-decoration: none !important;border: none !important;background: transparent !important;cursor: pointer !important;display: inline-block !important;font-family: "JetBrains Mono", sans-serif !important;font-size: 1rem !important;font-weight: 300 !important;line-height: inherit !important;color: #0a2236 !important;}#header_top nav ul.menu li a.special-title-menu:visited,header nav ul.menu li a.special-title-menu:visited,#header_top .col-lg-7 nav ul.menu li a.special-title-menu:visited,header .col-lg-7 nav ul.menu li a.special-title-menu:visited {color: #0a2236 !important;text-decoration: none !important;}#header_top nav ul.menu li button.special-title-menu:hover,#header_top nav ul.menu li a.special-title-menu:hover,header nav ul.menu li button.special-title-menu:hover,header nav ul.menu li a.special-title-menu:hover,#header_top .col-lg-7 nav ul.menu li button.special-title-menu:hover,#header_top .col-lg-7 nav ul.menu li a.special-title-menu:hover,header .col-lg-7 nav ul.menu li button.special-title-menu:hover,header .col-lg-7 nav ul.menu li a.special-title-menu:hover,.menu .special-title-menu:hover,#header_top nav ul.menu .special-title-menu:hover,header nav ul.menu .special-title-menu:hover {background-color: #2caf7f !important;background: #2caf7f !important;color: #ffffff !important;}@media (min-width: 992px) {#header_top .col-lg-3 a:hover svg #Retângulo_533-2,header .col-lg-3 a:hover svg #Retângulo_533-2,#header_top a:hover svg #Retângulo_533-2,header a:hover svg #Retângulo_533-2 {fill: #41e6a9 !important;stroke: #41e6a9 !important;}#header_top .col-lg-3 a:hover svg #Entrar tspan,header .col-lg-3 a:hover svg #Entrar tspan,#header_top a:hover svg #Entrar tspan,header a:hover svg #Entrar tspan {fill: #ffffff !important;}#header_top .col-lg-3 a:hover svg #Elipse_85,header .col-lg-3 a:hover svg #Elipse_85,#header_top a:hover svg #Elipse_85,header a:hover svg #Elipse_85 {fill: #ffffff !important;}#header_top .col-lg-3 a:hover svg #Person_User_user_16 path,header .col-lg-3 a:hover svg #Person_User_user_16 path,#header_top a:hover svg #Person_User_user_16 path,header a:hover svg #Person_User_user_16 path {fill: #2caf7f !important;}}@media (max-width: 991.8px) {#header_top nav.d-lg-none li a svg #Retângulo_533-3,#header_top nav.d-lg-none .menu.active li a svg #Retângulo_533-3,header nav.d-lg-none li a svg #Retângulo_533-3,header nav.d-lg-none .menu.active li a svg #Retângulo_533-3,#header_top .menu li a svg #Retângulo_533-3,#header_top .menu.active li a svg #Retângulo_533-3,header .menu li a svg #Retângulo_533-3,header .menu.active li a svg #Retângulo_533-3 {fill: #2caf7f !important;stroke: #2caf7f !important;}#header_top nav.d-lg-none li a svg #Cadastrar tspan,#header_top nav.d-lg-none .menu.active li a svg #Cadastrar tspan,header nav.d-lg-none li a svg #Cadastrar tspan,header nav.d-lg-none .menu.active li a svg #Cadastrar tspan,#header_top .menu li a svg #Cadastrar tspan,#header_top .menu.active li a svg #Cadastrar tspan,header .menu li a svg #Cadastrar tspan,header .menu.active li a svg #Cadastrar tspan {fill: #ffffff !important;}#header_top nav.d-lg-none li a svg #Elipse_85-2,#header_top nav.d-lg-none .menu.active li a svg #Elipse_85-2,header nav.d-lg-none li a svg #Elipse_85-2,header nav.d-lg-none .menu.active li a svg #Elipse_85-2,#header_top .menu li a svg #Elipse_85-2,#header_top .menu.active li a svg #Elipse_85-2,header .menu li a svg #Elipse_85-2,header .menu.active li a svg #Elipse_85-2 {fill: #41e6a9 !important;}#header_top nav.d-lg-none li a svg #Person_User_user_16-2 path,#header_top nav.d-lg-none .menu.active li a svg #Person_User_user_16-2 path,header nav.d-lg-none li a svg #Person_User_user_16-2 path,header nav.d-lg-none .menu.active li a svg #Person_User_user_16-2 path,#header_top .menu li a svg #Person_User_user_16-2 path,#header_top .menu.active li a svg #Person_User_user_16-2 path,header .menu li a svg #Person_User_user_16-2 path,header .menu.active li a svg #Person_User_user_16-2 path {fill: #ffffff !important;}#header_top nav.d-lg-none .menu.active li a svg:hover #Retângulo_533-3,header nav.d-lg-none .menu.active li a svg:hover #Retângulo_533-3,#header_top .menu.active li a svg:hover #Retângulo_533-3,header .menu.active li a svg:hover #Retângulo_533-3 {fill: #2caf7f !important;stroke: #2caf7f !important;}#header_top nav.d-lg-none .menu.active li a svg:hover #Cadastrar tspan,header nav.d-lg-none .menu.active li a svg:hover #Cadastrar tspan,#header_top .menu.active li a svg:hover #Cadastrar tspan,header .menu.active li a svg:hover #Cadastrar tspan {fill: #ffffff !important;}#header_top nav.d-lg-none .menu.active li a svg:hover #Elipse_85-2,header nav.d-lg-none .menu.active li a svg:hover #Elipse_85-2,#header_top .menu.active li a svg:hover #Elipse_85-2,header .menu.active li a svg:hover #Elipse_85-2 {fill: #41e6a9 !important;}#header_top nav.d-lg-none .menu.active li a svg:hover #Person_User_user_16-2 path,header nav.d-lg-none .menu.active li a svg:hover #Person_User_user_16-2 path,#header_top .menu.active li a svg:hover #Person_User_user_16-2 path,header .menu.active li a svg:hover #Person_User_user_16-2 path {fill: #ffffff !important;}}#header_top,header#header_top,header.header_landing#header_top {padding-left: 0 !important;padding-right: 0 !important;}#header_top .container,header#header_top .container {padding-left: 15px !important;padding-right: 15px !important;max-width: 100% !important;}#header_top .row,header#header_top .row {margin-left: 0 !important;margin-right: 0 !important;}@media (min-width: 992px) {#header_top .row {display: flex;align-items: center;}#header_top .col-lg-2:first-child,#header_top .col-md-6:first-child,#header_top .col-8:first-child {padding-left: 0 !important;padding-right: 15px !important;}#header_top .col-lg-7,#header_top .col-lg-3 {padding-left: 10px !important;padding-right: 10px !important;}#header_top .col-4.d-flex {padding-left: 5px !important;padding-right: 0 !important;}#header_top .col-lg-2:first-child > a {padding: 0 !important;margin: 0 !important;display: block !important;}#header_top .col-lg-2:first-child > a > img {max-width: 100% !important;height: auto !important;width: auto !important;}#header_top .col-lg-7 {display: flex !important;justify-content: flex-end !important;}#header_top .col-lg-7 nav {display: flex !important;justify-content: flex-end !important;width: auto !important;}#header_top nav ul.menu,header nav ul.menu {display: flex !important;justify-content: flex-end !important;align-items: center !important;flex-wrap: nowrap !important;width: auto !important;margin-left: auto !important;}#header_top nav ul.menu li {list-style: none;margin-right: 12px !important;}#header_top nav ul.menu li:last-child {margin-right: 0 !important;}#header_top .special-title-menu,header .special-title-menu,#header_top nav ul.menu .special-title-menu,header nav ul.menu .special-title-menu,#header_top .col-lg-7 nav ul.menu .special-title-menu,header .col-lg-7 nav ul.menu .special-title-menu {padding: 4px 8px !important;margin: 0 !important;color: #0a2236 !important;}#header_top nav ul.menu li a.special-title-menu,header nav ul.menu li a.special-title-menu,#header_top .col-lg-7 nav ul.menu li a.special-title-menu,header .col-lg-7 nav ul.menu li a.special-title-menu {text-decoration: none !important;border: none !important;background: transparent !important;cursor: pointer !important;display: inline-block !important;font-family: "JetBrains Mono", sans-serif !important;font-size: 1rem !important;font-weight: 300 !important;line-height: inherit !important;color: #0a2236 !important;}#header_top nav ul.menu li a.special-title-menu:visited,header nav ul.menu li a.special-title-menu:visited,#header_top .col-lg-7 nav ul.menu li a.special-title-menu:visited,header .col-lg-7 nav ul.menu li a.special-title-menu:visited {color: #0a2236 !important;text-decoration: none !important;}#header_top nav ul.menu li a.special-title-menu:hover,header nav ul.menu li a.special-title-menu:hover,#header_top .col-lg-7 nav ul.menu li a.special-title-menu:hover,header .col-lg-7 nav ul.menu li a.special-title-menu:hover {background-color: #2caf7f !important;background: #2caf7f !important;color: #ffffff !important;text-decoration: none !important;}}@media (max-width: 991.8px) {#header_top nav.d-lg-none .menu.active,header nav.d-lg-none .menu.active,#header_top .menu.active,header .menu.active {display: block !important;visibility: visible !important;opacity: 1 !important;height: calc(100% - 80px) !important;overflow-y: auto !important;position: fixed !important;top: 80px !important;left: 0 !important;width: 100% !important;z-index: 9998 !important;}#header_top nav.d-lg-none .menu.active li,header nav.d-lg-none .menu.active li,#header_top .menu.active li,header .menu.active li {display: block !important;visibility: visible !important;opacity: 1 !important;}#header_top nav.d-lg-none .menu.active a,#header_top nav.d-lg-none .menu.active button,header nav.d-lg-none .menu.active a,header nav.d-lg-none .menu.active button,#header_top .menu.active a,#header_top .menu.active button,header .menu.active a,header .menu.active button {display: block !important;visibility: visible !important;opacity: 1 !important;}}@media (max-width: 991.8px) {#header_top nav.d-lg-none .menu.active,header nav.d-lg-none .menu.active,#header_top .menu.active,header .menu.active {background-color: #ffffff !important;background: #ffffff !important;background-image: none !important;}}@media (max-width: 991.8px) {#header_top nav.d-lg-none .menu.active a,#header_top nav.d-lg-none .menu.active button,#header_top nav.d-lg-none .menu.active .special-title-menu,header nav.d-lg-none .menu.active a,header nav.d-lg-none .menu.active button,header nav.d-lg-none .menu.active .special-title-menu,#header_top .menu.active a,#header_top .menu.active button,#header_top .menu.active .special-title-menu,header .menu.active a,header .menu.active button,header .menu.active .special-title-menu {color: #0a2236 !important;}header .menu.active a.test_sass {color: #0a2236 !important;border-color: transparent !important;}#header_top nav.d-lg-none .menu.active li,header nav.d-lg-none .menu.active li,#header_top .menu.active li,header .menu.active li,#topo header .menu.active li {border-bottom-color: #0a2236 !important;}}@media (max-width: 991.8px) {#header_top .abrirMenu .bar1,#header_top .abrirMenu .bar2,#header_top .abrirMenu .bar3,#header_top header .abrirMenu .bar1,#header_top header .abrirMenu .bar2,#header_top header .abrirMenu .bar3,header#header_top .abrirMenu .bar1,header#header_top .abrirMenu .bar2,header#header_top .abrirMenu .bar3,#header_top .abrirMenu div.bar1,#header_top .abrirMenu div.bar2,#header_top .abrirMenu div.bar3,#header_top header .abrirMenu div.bar1,#header_top header .abrirMenu div.bar2,#header_top header .abrirMenu div.bar3,header#header_top .abrirMenu div.bar1,header#header_top .abrirMenu div.bar2,header#header_top .abrirMenu div.bar3,header .abrirMenu .bar1,header .abrirMenu .bar2,header .abrirMenu .bar3,header .abrirMenu div.bar1,header .abrirMenu div.bar2,header .abrirMenu div.bar3 {background-color: #2caf7f !important;display: block !important;width: 39px !important;height: 4px !important;margin: 8px 0 !important;border-radius: 10px !important;}#header_top .abrirMenu div.bar1,#header_top .abrirMenu div.bar2,#header_top .abrirMenu div.bar3,header#header_top .abrirMenu div.bar1,header#header_top .abrirMenu div.bar2,header#header_top .abrirMenu div.bar3,header .abrirMenu div.bar1,header .abrirMenu div.bar2,header .abrirMenu div.bar3 {background-color: #2caf7f !important;}#header_top .user_content,header .user_content {background-color: #2caf7f !important;border-radius: 50% !important;width: 40px !important;height: 40px !important;display: flex !important;align-items: center !important;justify-content: center !important;flex-shrink: 0 !important;}#header_top .user_content .icon_user,header .user_content .icon_user {color: #ffffff !important;}#header_top .col-4.d-flex,header .col-4.d-flex {gap: 8px !important;padding-left: 0 !important;padding-right: 0 !important;}#header_top .abrirMenu,header .abrirMenu {width: 35px !important;height: 35px !important;flex-shrink: 0 !important;padding: 0 !important;}}@media (max-width: 991.8px) {#header_top nav.d-lg-none .menu.active a.special-title-menu,header nav.d-lg-none .menu.active a.special-title-menu,#header_top .menu.active a.special-title-menu,header .menu.active a.special-title-menu {text-decoration: none !important;border: none !important;background: transparent !important;cursor: pointer !important;display: block !important;color: #0a2236 !important;}#header_top nav.d-lg-none .menu.active a.special-title-menu:visited,header nav.d-lg-none .menu.active a.special-title-menu:visited,#header_top .menu.active a.special-title-menu:visited,header .menu.active a.special-title-menu:visited {color: #0a2236 !important;}}@media (max-width: 991.8px) {#header_top nav.d-lg-none .menu.active a:hover,#header_top nav.d-lg-none .menu.active button:hover,#header_top nav.d-lg-none .menu.active .special-title-menu:hover,header nav.d-lg-none .menu.active a:hover,header nav.d-lg-none .menu.active button:hover,header nav.d-lg-none .menu.active .special-title-menu:hover,#header_top .menu.active a:hover,#header_top .menu.active button:hover,#header_top .menu.active .special-title-menu:hover,header .menu.active a:hover,header .menu.active button:hover,header .menu.active .special-title-menu:hover {background-color: #2caf7f !important;color: #ffffff !important;text-decoration: none !important;}}@media (max-width: 991.8px) {#header_top .abrirMenu div.bar1,#header_top .abrirMenu div.bar2,#header_top .abrirMenu div.bar3,#header_top .col-4 .abrirMenu div.bar1,#header_top .col-4 .abrirMenu div.bar2,#header_top .col-4 .abrirMenu div.bar3,header#header_top .abrirMenu div.bar1,header#header_top .abrirMenu div.bar2,header#header_top .abrirMenu div.bar3,header#header_top .col-4 .abrirMenu div.bar1,header#header_top .col-4 .abrirMenu div.bar2,header#header_top .col-4 .abrirMenu div.bar3,header .abrirMenu div.bar1,header .abrirMenu div.bar2,header .abrirMenu div.bar3 {background-color: #2caf7f !important;}}
.modern-footer,
    footer.modern-footer {
        font-family: 'Montserrat', sans-serif;
    }

    .modern-footer {
                    background: #d6d6d6 !important;
            }
    
    .footer-title {
                    color: #0D253E !important;
            }
    
    .footer-title::after {
                    background: linear-gradient(to right, #0D253E, #32c39f) !important;
            }
    
    .footer-menu a {
                    color: #0D253E !important;
            }
    
    .footer-menu a:hover {
                    color: #0D253E !important;
            }
    
    .modern-footer .contact-info i,
    .modern-footer .contact-info .material-icons,
    footer .contact-info i,
    footer .contact-info .material-icons {
                    color: #0400ff !important;
            }
    
    .modern-footer .contact-info p,
    footer .contact-info p {
                    color: #0D253E !important;
            }
    
    .modern-footer .footer-description,
    footer .footer-description {
                    color: #0D253E !important;
            }
    
    .modern-footer .social-links,
    footer .social-links {
        display: flex;
        gap: 15px;
        margin-top: 20px;
    }
    
    .modern-footer .social-link,
    footer .social-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.1);
        text-decoration: none;
        transition: transform 0.3s ease;
        box-shadow: none !important;
    }
    
    .modern-footer .social-link i,
    footer .social-link i {
        font-size: 18px;
                    color: #0400ff !important;
                transition: transform 0.3s ease;
    }
    
    .modern-footer .social-link:hover,
    footer .social-link:hover {
        transform: scale(1.15);
        background: rgba(255, 255, 255, 0.1) !important;
        box-shadow: none !important;
    }
    
    .modern-footer .social-link:hover i,
    footer .social-link:hover i {
                    color: #0400ff !important;
                transform: scale(1);
    }
    
    
    .dev-link {
                    color: #0D253E !important;
            }
    
    .dev-link:hover {
        color: #32c39f !important;
    }
/* ========================================
         * ESTILOS GLOBAIS DA IDENTIDADE VISUAL
         * ========================================
         * Fontes configuradas em: Admin > Identidade Visual > Fontes
         */
        
        /* Reset e configuração base */
        html {
            scroll-padding-top: 80px;
        }

        body {
            overflow-x: hidden !important;
            font-family: 'Montserrat', sans-serif !important;
            font-size: 1rem;
            font-weight: 400;
            color: #000000;
        }
        
        /* Títulos globais - aplicam a identidade visual */
        h1, .h1 {
            font-family: 'Poppins', sans-serif !important;
            font-size: 2.5rem;
            font-weight: 800;
            color: #0a2236;
        }
        
        h2, .h2 {
            font-family: 'Poppins', sans-serif !important;
            font-size: 2.25rem;
            font-weight: 800;
            color: #0a2236;
        }
        
        h5, .h5 {
            font-family: 'Montserrat', sans-serif !important;
            font-size: 1.25rem;
            font-weight: 400;
            color: #000000;
        }
        
        p {
            font-family: 'Montserrat', sans-serif !important;
            font-size: 1rem;
            font-weight: 400;
            color: #000000;
        }

        /* Garantir que o header seja fixo e sobreponha o conteúdo */
        header.header_landing {
            position: fixed !important;
            top: 0;
            left: 0;
            width: 100%;
            background: #fff;
            z-index: 9999;
            height: 80px;
            box-shadow: 0px 3px 6px rgba(68, 68, 68, 0.06);
        }

        #bannerGetMember {
                        min-height: 400px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            background: url('./img/bg-header.png') no-repeat, linear-gradient(219deg, #EF5942 0%, #EC2474 100%);
            background-position: center;
            background-size: cover;
            margin-top: 80px; /* Espaço para o header fixo */
            padding-top: 60px; /* Maior espaçamento superior */
            padding-bottom: 60px; /* Espaçamento inferior */
        }

        #bannerGetMember .container {
            position: relative;
            z-index: 3;
        }

        #bannerGetMember .row {
            position: relative;
            z-index: 2;
        }


        /* Título do Hero - usa cor customizável para ajuste de contraste
         * IMPORTANTE: Pode ser customizado em Admin > Gerenciar Página Home > Hero > Cores Customizadas
         * Se não customizado, usa a cor do H1 da Identidade Visual (que por padrão é a Cor Primária)
         */
        #bannerGetMember .title {
            color: #0a2236;
            font-family: 'Poppins', sans-serif !important;
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 20px;
            margin-top: 45px;
            line-height: 1.3;
        }

        #bannerGetMember .title span {
            color: #0a2236;
            font-family: 'Poppins', sans-serif !important;
            font-size: 2.5rem;
            text-decoration: underline;
            font-weight: 800;
        }

        #bannerGetMember .title:after {
            display: none;
        }

        #bannerGetMember .subtitle {
            color: #000000;
            font-family: 'Montserrat', sans-serif !important;
            font-size: 1.25rem;
            font-weight: 400;
            line-height: 1.6;
            margin-bottom: 30px;
            max-width: 500px;
        }

        /* Títulos de seção - herdam configurações globais de H2 mas podem sobrescrever cores específicas */
        .comoParticipar .title,
        .cta .title {
            /* Herda tudo do H2 global, sem necessidade de redeclarar */
            color: #0a2236 !important;
        }
        
        .faq .title {
            /* FAQ tem fundo colorido, usa cor customizável ou branca por padrão */
            color: #000000 !important;
        }
        
        /* Estilos dinâmicos para o título "Como Participar" 
         * Configurável via Admin > Gerenciar Página Home > Como Participar
         * Opções de estilo: none, gradient, solid, dotted, double
         * Opções de cor: gradient (padrão) ou qualquer cor da identidade visual
         */
        .comoParticipar .title:after {
                        background: none; border-bottom: 3px dotted #343a40; height: 3px;
            width: 176px;
            height: 6px;
            display: block;
            content: "";
            margin: 5px auto 0;
            border-radius: 100px;
        }

        .cta .title:after {
            margin: 5px 0 0 0 !important;
            width: 176px;
            height: 6px;
            display: block;
            content: "";
            border-radius: 100px;
                        background: none; border-bottom: 3px dotted #343a40; height: 3px;
        }

        /* CSS estático removido - agora é dinâmico baseado na configuração */

        .comoParticipar .description {
            max-width: 700px;
            margin: 0 auto;
            text-align: center;
            font-size: calc(1rem * 1.2);
            line-height: 1.6;
            /* Outras propriedades herdadas do estilo global de parágrafo */
        }

        .comoParticipar .description strong {
            color: #FF245C;
            font-weight: 700;
        }

        .cta {
            align-items: center;
            justify-content: center;
        }

        .cta .description {
            font-size: calc(1rem * 1.2);
            text-align: start;
            /* Outras propriedades herdadas do estilo global de parágrafo */
        }

        .btn-orange {
            background-color: #EF5942;
            color: #fff;
            font-size: 16px;
            width: 263px;
            height: 40px;
            max-width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px;
        }

        .btn-orange:hover {
            background-color: #0A223C;
            color: #fff;
        }

        .btn-blue {
            background-color: #0A223C;
            color: #fff;
            font-size: 16px;
            width: 263px;
            height: 40px;
            max-width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px;
        }

        .btn-blue:hover {
            background-color: #fff;
            color: #0A223C;
        }

        /* Posicionamento do botão do Hero */
        .hero-button-container {
            display: flex;
            width: 100%;
            max-width: 508px;
        }

        .hero-button-left {
            justify-content: flex-start;
        }

        .hero-button-center {
            justify-content: center;
        }

        .hero-button-right {
            justify-content: flex-end;
        }

        .hero-button-below {
            flex-direction: column;
            align-items: center;
        }

        .hero-button-below .btn-blue {
            margin-top: 20px;
        }

        .comoParticipar {
            padding-top: 50px;
            padding-bottom: 50px;
            min-height: 600px;
            position: relative;
            z-index: 1;
        }

        .comoParticipar .row {
            display: flex;
            flex-wrap: wrap;
        }

        .comoParticipar .row > [class*="col-"] {
            display: flex;
            flex-direction: column;
        }

        .comoParticipar .card {
            background-color: #EF5942;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            color: #fff;
            border: 5px solid #fff;
            border-radius: 22px;
            margin-top: 12px;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .comoParticipar .card .card-body {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .comoParticipar .card .card-text {
            flex-grow: 1;
        }

        .comoParticipar .card-title {
            font-family: 'Poppins', sans-serif !important;
            font-size: 1.125rem;
            font-weight: 600;
        }

        .comoParticipar .card-text {
            /* Herda propriedades do estilo global de parágrafo */
        }

        .comoParticipar .card .boxIconAndNumber {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            margin-bottom: 20px;
        }

        .comoParticipar .card .boxIconAndNumber .number {
            font-size: 42px;
            font-weight: 900;
            margin-bottom: 0px;
        }

        .faq {
            padding-top: 80px;
            padding-bottom: 80px;
            min-height: auto;
            overflow: visible;
        }
        
        .faq .accordion {
            overflow: visible;
        }
        
        .faq .accordion-item {
            margin-bottom: 15px;
            overflow: visible;
            position: relative;
            z-index: 10;
        }
        
        .faq .accordion-item:last-child {
            margin-bottom: 0;
        }

        .faq .container {
            position: relative;
            z-index: 2;
        }

        .faq .title:after {
            display: none;
        }

        .faq .accordion-item {
            background-color: transparent;
        }

        .faq .accordion-body {
            color: #fff;
        }

        .faq .material-icons.arrows {
            background-color: transparent;
            box-shadow: none;
            color: #fff;
            font-size: 32px;
            padding: 0;
            height: 30px;
            width: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .faq .accordion-header,
        .faq .accordion-header h3 {
            margin: 0;
            font-size: inherit;
        }

        .faq .accordion-header button {
            min-height: 40px !important;
            padding: 5px 20px !important;
            border-radius: 50px !important;
        }
        
        /* Estilos dinâmicos do FAQ serão aplicados inline via PHP */

        .faq #accordionExample {
            max-width: 100%;
        }

        .rotate-icon {
            transform: rotate(180deg);
        }

        .arrows {
            transition: transform 0.3s ease-in-out;
        }

        .comoParticipar .container {
            position: relative;
            z-index: 2;
        }

        @media (max-width: 992px) {
            .comoParticipar .card .boxIconAndNumber .number {
                font-size: 32px;
            }

            #bannerGetMember {
                margin-top: 80px; /* Manter espaço para header fixo no mobile */
                padding-top: 40px; /* Espaçamento superior reduzido no mobile */
                padding-bottom: 40px; /* Espaçamento inferior reduzido no mobile */
            }

            #bannerGetMember .title {
                margin-top: 0;
                line-height: 1.2;
                font-size: calc(2.5rem * 0.75) !important;
            }

            #bannerGetMember .title span {
                font-size: calc(2.5rem * 0.75) !important;
            }

            #bannerGetMember .subtitle {
                font-size: calc(1.25rem * 0.8);
                line-height: 1.5;
                margin-bottom: 25px;
            }

            #bannerGetMember .btn-blue,
            #bannerGetMember img {
                margin-bottom: 30px;
            }

            /* Ajuste do posicionamento do botão no mobile */
            .hero-button-container {
                max-width: 100%;
                margin: 0 auto;
            }

            .hero-button-left,
            .hero-button-right {
                justify-content: center; /* Centralizar no mobile */
            }
        }

        @media (min-width: 600px) and (max-width: 991px) {
            #bannerGetMember {
                margin-top: 80px; /* Manter espaço para header fixo em tablets */
                padding-top: 50px; /* Espaçamento superior médio em tablets */
                padding-bottom: 50px; /* Espaçamento inferior médio em tablets */
            }
        }