#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: "Open Sans", sans-serif !important;font-size: 1rem !important;font-weight: 600 !important;line-height: inherit !important;color: #0a223c !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: #0a223c !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 {color: #0a223c !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: #000e28 !important;stroke: #000e28 !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: #28a745 !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: #FFFFFF !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: #0a223c !important;stroke: #0a223c !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: #465e78 !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: #0a223c !important;stroke: #0a223c !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: #465e78 !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: #0a223c !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: "Open Sans", sans-serif !important;font-size: 1rem !important;font-weight: 600 !important;line-height: inherit !important;color: #0a223c !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: #0a223c !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 {color: #0a223c !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% - 69px) !important;overflow-y: auto !important;position: fixed !important;top: 70px !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-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: #0a223c !important;}header .menu.active a.test_sass {color: #0a223c !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: #0a223c !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: #0a223c !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: #0a223c !important;}#header_top .user_content,header .user_content {background-color: #0a223c !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: #0a223c !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: #0a223c !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 {color: #0a223c !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: #0a223c !important;}}

/* ===== HOVER DO BOTAO ENTRAR (SVG) ===== */
header nav ul a svg:hover #Retângulo_533-2 {
    fill: #000e28 !important;
    stroke: #000e28 !important;
}
header nav ul a svg:hover #Entrar > tspan {
    fill: #FFFFFF !important;
}
header nav ul a svg:hover #Person_User_user_16 > path {
    fill: #FFFFFF !important;
}
header nav ul a svg:hover #Elipse_85 {
    fill: #000e28 !important;
}
.modern-footer,
    footer.modern-footer {
        font-family: 'Open Sans', sans-serif;
    }

    .modern-footer {
                    background: linear-gradient(135deg, #0a223c 0%, #6c757d 100%) !important;
            }
    
    .footer-title {
                    color: #28a745 !important;
            }
    
    .footer-title::after {
                    background: linear-gradient(to right, #28a745, #6c757d) !important;
            }
    
    .footer-menu a {
                    color: #FFFFFF !important;
            }
    
    .footer-menu a:hover {
                    color: #28a745 !important;
            }
    
    .modern-footer .contact-info i,
    .modern-footer .contact-info .material-icons,
    footer .contact-info i,
    footer .contact-info .material-icons {
                    color: #28a745 !important;
            }
    
    .modern-footer .contact-info p,
    footer .contact-info p {
                    color: #D4DCE2 !important;
            }
    
    .modern-footer .footer-description,
    footer .footer-description {
                    color: #D4DCE2 !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: #28a745 !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: #28a745 !important;
                transform: scale(1);
    }
    
    
    .dev-link {
                    color: #28a745 !important;
            }
    
    .dev-link:hover {
        color: #6c757d !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: 'Open Sans', sans-serif !important;
            font-size: 1rem;
            font-weight: 400;
            color: #6c757d;
        }
        
        /* Títulos globais - aplicam a identidade visual */
        h1, .h1 {
            font-family: 'Inter', sans-serif !important;
            font-size: 2.5rem;
            font-weight: 700;
            color: #0a223c;
        }
        
        h2, .h2 {
            font-family: 'Inter', sans-serif !important;
            font-size: 2.25rem;
            font-weight: 700;
            color: #0a223c;
        }
        
        h5, .h5 {
            font-family: 'Inter', sans-serif !important;
            font-size: 1.25rem;
            font-weight: 400;
            color: #6c757d;
        }
        
        p {
            font-family: 'Open Sans', sans-serif !important;
            font-size: 1rem;
            font-weight: 400;
            color: #6c757d;
        }

        /* 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: calc(100vh - 80px);
            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: #0a223c;
            font-family: 'Inter', sans-serif !important;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            margin-top: 45px;
            line-height: 1.3;
        }

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

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

        #bannerGetMember .subtitle {
            color: #FFFFFF;
            font-family: 'Inter', 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: #0a223c !important;
        }
        
        .faq .title {
            /* FAQ tem fundo colorido, usa cor customizável ou branca por padrão */
            color: #0a223c !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: linear-gradient(to right, #ff512f, #dd2476);
            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: linear-gradient(to right, #ff512f, #dd2476);
        }

        /* 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;
            box-shadow: 0 4px 6px rgba(0,0,0,0.15);
        }

        .btn-orange:hover {
            background-color: #0A223C;
            color: #fff;
            box-shadow: 0 6px 10px rgba(0,0,0,0.2);
        }

        .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;
            box-shadow: 0 4px 6px rgba(0,0,0,0.15);
        }

        .btn-blue:hover {
            background-color: #fff;
            color: #0A223C;
            box-shadow: 0 6px 10px rgba(0,0,0,0.2);
        }

        /* 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: 'Inter', 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 */
            }
        }
#wrapper {
    --idp-public-header-height: 5rem;
    --idp-primary: #0a223c;
    --idp-secondary: #6c757d;
    --idp-accent: #28a745;
    --idp-text-body: #6c757d;
    --idp-font-size-paragraph: 1rem;
    --idp-font-weight-paragraph: 400;
    --idp-font-family-primary: 'Open Sans', sans-serif;
    --idp-font-family-heading: 'Inter', sans-serif;
    --idp-table-border: #dee2e6;
    --idp-border-radius: 0.375rem;
    --idp-border-radius-lg: 0.5rem;
    --idp-surface-muted: #e9ecef;
    --idp-entity-btn-primary-bg: #0a223c;
    --idp-entity-btn-primary-text: #6c757d;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text,
#wrapper .idp-regulation__text {
    color: var(--idp-text-body);
    font-family: var(--idp-font-family-primary);
    font-size: var(--idp-font-size-paragraph);
    font-weight: var(--idp-font-weight-paragraph);
    line-height: 1.6;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text :where(p, li, td, th, span, div, blockquote, ul, ol),
#wrapper .idp-regulation__text :where(p, li, td, th, span, div, blockquote, ul, ol) {
    color: inherit;
    font-family: inherit;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text :is(h1, h2, h3, h4, h5, h6),
#wrapper .idp-regulation__text :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--idp-font-family-heading);
    color: var(--idp-secondary);
    font-weight: 600;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text h3,
:is(#modal_regulamento, #modal_unidades) .idp-regulation__text h4,
#wrapper .idp-regulation__text h3,
#wrapper .idp-regulation__text h4 {
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text h4,
#wrapper .idp-regulation__text h4 {
    color: var(--idp-accent, var(--idp-primary));
    font-size: 1.125rem;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text p,
#wrapper .idp-regulation__text p {
    margin-bottom: 0.625rem;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text p:last-child,
#wrapper .idp-regulation__text p:last-child {
    margin-bottom: 0;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text strong,
#wrapper .idp-regulation__text strong {
    color: var(--idp-secondary);
    font-weight: 600;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text img,
#wrapper .idp-regulation__text img {
    max-width: 100%;
    height: auto;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text table,
#wrapper .idp-regulation__text table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text :is(th, td),
#wrapper .idp-regulation__text :is(th, td) {
    border: 1px solid var(--idp-table-border);
    padding: 0.5rem 0.75rem;
    vertical-align: top;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation__text th,
#wrapper .idp-regulation__text th {
    background-color: var(--idp-surface-muted);
    color: var(--idp-secondary);
    font-family: var(--idp-font-family-heading);
    font-weight: 600;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation-tabs,
#wrapper .idp-regulation-tabs {
    border-bottom: 2px solid var(--idp-table-border);
    margin-bottom: 1.25rem;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation-tabs .nav-link,
#wrapper .idp-regulation-tabs .nav-link {
    border: 0;
    color: #6c757d;
    font-weight: 500;
    padding: 0.75rem 1.25rem;
    margin-right: 0.5rem;
    border-radius: var(--idp-border-radius) var(--idp-border-radius) 0 0;
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation-tabs .nav-link.active,
#wrapper .idp-regulation-tabs .nav-link.active {
    background-color: var(--idp-entity-btn-primary-bg, var(--idp-primary));
    color: var(--idp-entity-btn-primary-text, var(--idp-secondary));
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation-tabs .nav-link:hover:not(.active),
#wrapper .idp-regulation-tabs .nav-link:hover:not(.active) {
    background-color: var(--idp-surface-muted);
}

:is(#modal_regulamento, #modal_unidades) .idp-regulation-tab-content,
#wrapper .idp-regulation-tab-content {
    color: var(--idp-text-body);
    padding-top: 0.25rem;
}
:is(#modal_regulamento, #modal_unidades).sa-modal.modal {
    --idp-public-header-offset: var(--idp-public-header-height, 5rem);
    z-index: 10050;
}

body.modal-open:has(:is(#modal_regulamento, #modal_unidades).show) .modal-backdrop {
    z-index: 10040;
}

:is(#modal_regulamento, #modal_unidades).sa-modal.modal.show {
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    padding: calc(var(--idp-public-header-offset) + 0.75rem) max(0.75rem, env(safe-area-inset-right, 0px)) max(0.75rem, env(safe-area-inset-bottom, 0px)) max(0.75rem, env(safe-area-inset-left, 0px));
}

:is(#modal_regulamento, #modal_unidades).sa-modal .modal-dialog {
    width: 100%;
    max-width: 50rem;
    max-height: calc(100dvh - var(--idp-public-header-offset) - 1.5rem);
    margin: 0;
    pointer-events: none;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

:is(#modal_regulamento, #modal_unidades).sa-modal .modal-dialog.modal-dialog-centered {
    min-height: 0;
}

:is(#modal_regulamento, #modal_unidades).sa-modal .modal-content {
    border: 0;
    border-radius: var(--idp-border-radius-lg, 0.5rem);
    box-shadow: 0 0.5rem 1.5rem rgba(10, 34, 60, 0.18);
    overflow: hidden;
    pointer-events: auto;
    max-height: calc(100dvh - var(--idp-public-header-offset) - 1.5rem);
    display: flex;
    flex-direction: column;
}

:is(#modal_regulamento, #modal_unidades).sa-modal .modal-header {
    padding: 1rem 1.25rem;
    border-bottom: 0;
    flex-shrink: 0;
}

:is(#modal_regulamento, #modal_unidades).sa-modal--form .modal-header {
    background-color: var(--idp-primary);
    color: var(--idp-entity-btn-primary-text, var(--idp-secondary));
}

:is(#modal_regulamento, #modal_unidades).sa-modal--form .modal-header .modal-title {
    color: var(--idp-entity-btn-primary-text, var(--idp-secondary));
}

:is(#modal_regulamento, #modal_unidades).sa-modal--form .modal-header .btn-close {
    filter: none;
    opacity: 0.7;
}

:is(#modal_regulamento, #modal_unidades).sa-modal--form .modal-header .btn-close:hover {
    opacity: 1;
}

:is(#modal_regulamento, #modal_unidades).sa-modal .modal-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--idp-font-family-heading);
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

:is(#modal_regulamento, #modal_unidades).sa-modal .modal-title .os-icon {
    font-size: 1.25rem;
    line-height: 1;
}

:is(#modal_regulamento, #modal_unidades).sa-modal .modal-body {
    padding: 1.25rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}