section { padding: 0px 0px 150px 0px; }

/*BANNER*/
.banner{width:2000px; height:775px; left: 50%; margin-left: -1000px; position: relative; }
.banner .slider{ width:2000px; height:775px; position:absolute; z-index:10; float: left;}
.banner .sliderContent{ width:2000px; height:775px; clear:both; position: absolute;}
.banner .sliderContent .item { width:2000px; height:775px; position: absolute; background-repeat: no-repeat; background-position: center bottom; background-size: auto 100%; background-color: #ececec; display: block; }
.banner .sliderContent .item .conteudo_slide { width: 500px; height: auto; padding: 50px 10px; text-align: left; left: 50%; top: 50%; transform: translate(-50px, -50%); position: absolute; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; -webkit-transition: all 1.0s ease; transition: all 1.0s ease; }
.banner .sliderContent .item .imagem_mosaico { width: 760px; height: 775px; background-color: var(--cor-primaria); text-align: center; right: 50%; top: 50%; transform: translate(-50px, -50%); position: absolute; z-index: -1; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; -webkit-transition: all 1.0s ease; transition: all 1.0s ease; }
.banner .sliderContent .item .imagem_mosaico img { width: auto; height: auto; max-width: 100%; max-height:100%; position: relative; }
.banner .sliderContent .item.fundo_total .conteudo_slide { left: initial; right: 50%; transform: translate(-30px, -50%); }
.banner .sliderContent .item:hover .imagem_mosaico { transform: translate(-100px, -50%); }
.banner .sliderContent .item:hover .conteudo_slide { transform: translate(-10px, -50%); }
.banner .sliderContent .item.fundo_total:hover .conteudo_slide { transform: translate(10px, -50%); }
.banner .slider .sliderContent .item .util_banner { width: 100%; height: 775px; position: absolute; z-index: 10; }
.prevhidden, .nexthidden { left: -100px; position: absolute; width: 1px; height: 1px; top: 0px; }
.sliderBullets { margin: 0px; width: 100%; left: 0px; padding: 0px; position: absolute; top: 765px; text-align: center; z-index: 1002; }
.sliderBullets a { display: inline-block; text-indent:-9999px; width: 15px; height: 10px; background-color: var(--cor-secundaria); margin: 0px 2.5px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.sliderBullets .active { width: 45px; background-color: #ffffff; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }

/*QUEM SOMOS*/
.quem_somos { width:100%; height:auto; position:relative; padding: 25px 0px; background-color: #4449a1; }
.quem_somos .avatar_imagem { width: 550px; height: 370px; position:relative; display:inline-block; vertical-align:top; margin: 0px 30px 0px -50px; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; -webkit-transition: all 0.75s ease; transition: all 0.75s ease; }
.quem_somos .avatar_imagem img { width: auto; height: auto; max-width: 95%; max-height: 95%; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
.quem_somos .sobre { width: 540px; height:auto; position:relative; display:inline-block; vertical-align:top; text-align: left; line-height: 32px; font-family: var(--fonte-padrao); color: #9ce7fa; font-size: 30px; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight:700; padding: 115px 0px; }
.quem_somos .sobre p { width: 100%; height:auto; position:relative; display:inline-block; vertical-align:top; text-align: left; line-height: 22px; font-family: var(--fonte-padrao); color: #ffffff; font-size: 14px; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight:400; }
.quem_somos:hover .avatar_imagem {  margin: 0px 80px 0px -75px; }

/*PESSOAS*/
.pessoas { width: 100%; height: auto; position: relative; clear: both; padding: 25px 0px 100px 0px; text-align: center; background-color:#6066cb; background-image: url(../imagens/asaas_fundo.png); background-repeat: no-repeat; background-position: center; }
.pessoas .titulo_pessoas { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); font-size: 24px; line-height: 30px; text-align: left; color: #ffffff; padding: 30px 0px 15px 0px; font-weight:500 }
.pessoas .titulo_pessoas .acessa { width: auto; height: auto; position: absolute; right: 0px; font-family: var(--fonte-padrao); font-size: 13px; background-color: var(--cor-secundaria); line-height: 20px; color: #ffffff; top: 32px; font-weight:400; text-decoration: underline; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 3px 15px; }
.pessoas ol { width: 100%; height: auto; position: relative; clear: both; text-align: center; z-index: 2; padding: 20px 0px 0px 0px; }
.pessoas ol li { width: 110px; height: auto; position: relative; margin: 5px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; }
.pessoas ol li .avatar { width: 60px; height: 60px; margin: 5px 25px 0px 25px; position: relative; display:inline-block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.pessoas ol li .avatar img { width: auto; height: auto; max-width: 100%; max-height: 100%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; z-index: 10; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.pessoas ol li .resumo { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); padding: 0px 15px 20px 15px; position: relative; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.pessoas ol li .resumo .titulo_post { width: 100%; height: auto; padding: 5px 0px; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 15px; clear: both; font-size: 12px; text-align: center; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight:400; }
.pessoas ol li:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.pessoas ol li:hover .avatar { margin: 0px 25px 5px 25px; }

/*PESSOAS DESTAQUES*/
.pessoas .destaques ul { width: 100%; height: auto; position: relative; clear: both; text-align: center; z-index: 2; padding: 0px 0px 20px 0px; }
.pessoas .destaques ul li { width: 280px; height: auto; position: relative; margin: 20px 35px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; }
.pessoas .destaques ul li .avatar { width: 280px; height:440px; margin: 5px 0px 0px 0px; position: relative; display:inline-block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.pessoas .destaques ul li .avatar .tag { width:98%; height: 50px; line-height:50px; text-align:right; color: rgba(68,73,161, 0.75); text-transform:uppercase; letter-spacing:-2px; font-size:50px; font-family: var(--fonte-especial); position:absolute; left:1%; bottom: 20px; z-index:11; }
.pessoas .destaques ul li .avatar img { width: auto; height: auto; max-width: 100%; max-height: 100%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; z-index: 10; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.pessoas .destaques ul li .resumo { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); padding: 10px 15px 20px 15px; position: relative; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.pessoas .destaques ul li .resumo .quem { width: 100%; height: auto; padding: 5px 0px; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 18px; clear: both; font-size: 14px; text-align: center; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight:400; }
.pessoas .destaques ul li .resumo .quem i { display:inline; position:relative; vertical-align:top; margin: 0px 5px 0px 0px; font-size: 18px; color:#ffffff; }
.pessoas .destaques ul li:hover .avatar { margin: 0px 0px 5px 0px; }
.pessoas .destaques ul li:hover .avatar img { -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.pessoas .destaques #pager { width: 100%; height: 10px; margin-top: 40px; text-align: center; position: absolute; float: left; }
.pessoas .destaques #pager a { width: 15px; height: 10px; margin: 0 2.5px; display: inline-block; background: #ffffff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.pessoas .destaques #pager a:hover { background-color: #ffffff; }
.pessoas .destaques #pager a span { display: none; }
.pessoas .destaques #pager a.selected { background: #949aff; width:45px }

/*PROJETOS*/
.projetos { width: 100%; height: auto; position: relative; clear: both; text-align: center; margin-bottom: 75px; background-color: #ffffff; }
.projetos .titulo_projeto { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); font-size: 24px; line-height: 30px; text-align: left; color: var(--cor-texto-default); padding: 50px 0px 25px 0px; font-weight:500 }
.projetos .projeto { width: 245px; height: 330px; position: relative; margin: 10px 15px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; background: #ffffff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; overflow:hidden; }
.projetos .projeto .avatar { width: 100%; height: 100%; position: relative; overflow: hidden; display: block; }
.projetos .projeto .avatar img { width: 100%; height: 100%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.projetos .projeto .resumo { overflow: hidden; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -o-calc(100% - 50px); width: calc(100% - 50px); padding: 20px 25px; position: absolute; height: auto; z-index: 10; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; bottom: 0px; left: 0px; }
.projetos .projeto .resumo .titulo_post { width: 100%; height: auto; padding: 10px 0px 0px 0px; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 22px; clear: both; font-size: 18px; text-align: left; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; font-weight: 400; }
.projetos .projeto .resumo .mais { padding: 0px; height: auto; text-decoration: underline; width: 100%; text-align: left; line-height: 15px; font-family: var(--fonte-padrao); color: #c6c9ff; font-size: 13px; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; position:absolute; bottom:-30px; }
.projetos .projeto:hover .mais { bottom:30px; }
.projetos .projeto:hover .resumo { padding-bottom:50px; }
.projetos .projeto:hover .titulo_post { padding-top: 15px; }
.projetos .projeto:hover .avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

/*CONTADOR*/
.contador { width: 100%; height: auto; position: relative; text-align: left; padding: 50px 0px; background-color: #ffffff; }
.contador .contador_evento { width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); height:auto; position:relative; background:#222c51; padding:50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; overflow:hidden; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.contador .contador_evento .logo_conta { width:250px; height:130px; position:relative; display:inline-block; vertical-align:top; margin: 25px 100px 0px 50px; }
.contador .contador_evento .logo_conta img { width:auto; height:auto; position:relative; display:block; }
.contador .contador_evento .quando { width: -moz-calc(100% - 460px); width: -webkit-calc(100% - 460px); width: -o-calc(100% - 460px); width: calc(100% - 460px); height:auto; position:relative; display:inline-block; vertical-align:top; margin: 0px; padding: 0px 25px; }
.contador .contador_evento .quando .label { width:100%; height:auto; position:relative; text-align:center; color:#ffffff; font-weight: var(--fonte-especial); font-size:20px; font-weight:bold; }
.contador .contador_evento .quando .intro { width:80%; padding: 0px 10%; height:auto; position:relative; text-align:center; color:#ffffff; font-weight: var(--fonte-especial); font-size:15px; font-weight:bold; }
.contador .contador_evento .quando .intro span { color:#9ce7fa; }
.contador .contador_evento .quando .em_breve { width:80%; padding: 75px 10%; height:auto; position:relative; text-align:center; color:#ffffff; font-weight: var(--fonte-especial); font-size:15px; font-weight:bold; }
.contador .contador_evento .quando .contagem { padding: 25px 0px 25px 0px; text-align: center; }
.contador .contador_evento .quando .contagem .clock { position: relative; width: auto; display: inline-block; vertical-align: top; }
.flip-clock-divider .flip-clock-label { color: #9ce7fa; font-family: var(--fonte-especial); }
.flip-clock-wrapper ul { background-color: transparent !important; }
.flip-clock-wrapper ul li { border: none !important; }
.flip-clock-wrapper ul li a div div.inn { background-color: #4349a1 !important; color: #9ce7fa !important; font-family: var(--fonte-especial); font-size: 50px !important; }

/* =========================================
   ANIMAÇÃO ELEGANTE PARA O "EM BREVE"
   ========================================= */
.contador-congresso .quando .em-breve-elegante {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 0;
    text-shadow: 0 4px 15px rgba(156, 231, 250, 0.4); /* Uma sombra levemente azulada para combinar com o site */
    
    /* Configuração inicial antes da animação acontecer */
    opacity: 0;
    letter-spacing: 2px;
    transform: translateY(15px);
    
    /* Chama a animação */
    animation: entradaEmBreve 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

/* Criando o movimento de entrada */
@keyframes entradaEmBreve {
    100% {
        opacity: 1;
        transform: translateY(0);
        letter-spacing: 10px; /* As letras se afastam suavemente e param */
    }
}

/* Ajuste para o mobile para o espaçamento não quebrar a tela */
@media (max-width: 768px) {
    .contador-congresso .quando .em-breve-elegante {
        font-size: 22px;
    }
    @keyframes entradaEmBreve {
        100% {
            opacity: 1;
            transform: translateY(0);
            letter-spacing: 6px; /* Espaçamento menor no celular */
        }
    }
}

/* =========================================
   TEXTO DE EXPECTATIVA DA CONFERÊNCIA
   ========================================= */
.contador-congresso .evento-texto-esq {
    flex: 1 1 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 500px;
    text-align: left;
    color: #ffffff;
}

.contador-congresso .evento-texto-esq h2 {
    font-family: var(--fonte-padrao);
    font-size: 38px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #9ce7fa; /* Azul claro do tema para dar destaque */
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.contador-congresso .evento-texto-esq p {
    font-family: var(--fonte-padrao);
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
}

.contador-congresso .evento-texto-esq .destaque-breve {
    font-size: 16px;
    font-weight: 700;
    color: #ffdd00; /* O mesmo amarelo do balão "ao amém" */
    background: rgba(255, 255, 255, 0.1);
    padding: 12px 18px;
    border-radius: 8px;
    display: inline-block;
    margin-top: 10px;
    border: 1px solid rgba(255, 221, 0, 0.3);
}

/* Ajuste Responsivo (Celular) */
@media (max-width: 768px) {
    .contador-congresso .evento-texto-esq {
        text-align: center;
        align-items: center;
        padding: 0 15px;
    }
    .contador-congresso .evento-texto-esq h2 {
        font-size: 30px;
    }
    .contador-congresso .evento-texto-esq p {
        font-size: 16px;
    }
}

/*BANNER CENTRAL*/
.banner_central { width: 100%; height: 490px; background-repeat: no-repeat; background-size: auto 490px; background-position: center; padding: 0px; position: relative; text-align: center; }

/*EVENTOS*/
.eventos { width: 100%; height: auto; position: relative; clear: both; text-align: center; margin-bottom: 40px; background-color: #ffffff; }
.eventos .titulo_evento { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); font-size: 24px; line-height: 30px; text-align: left; color: var(--cor-texto-default); padding: 50px 0px 25px 0px; font-weight:500 }
.eventos .titulo_evento .acessa { width: auto; height: auto; position: absolute; right: 0px; font-family: var(--fonte-padrao); font-size: 13px; background-color: var(--cor-secundaria); line-height: 20px; color: #ffffff; top: 50px; font-weight:400; text-decoration: underline; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 3px 15px; }
.eventos ul { width: 100%; height: auto; position: relative; clear: both; text-align: center; z-index: 2; padding: 10px 0px 20px 0px; }
.eventos ul li { width: 250px; height: auto; position: relative; margin: 5px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; }
.eventos ul li .avatar { width: 250px; height:140px; padding: 20px 0px; position: relative; display:inline-block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; }
.eventos ul li .avatar img { width: auto; height: auto; max-width: 90%; max-height: 90%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; z-index: 10; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.eventos ul li:hover img {  -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; }
.eventos ul li:hover .avatar { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.eventos ul li:hover { margin: 0px 5px 10px 5px; }
.eventos #pager2 { width: 100%; height: 10px; margin-top: 0px; text-align: center; position: absolute; float: left; }
.eventos #pager2 a { width: 15px; height: 10px; margin: 0 2.5px; display: inline-block; background: #eaeaea; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.eventos #pager2 a:hover { background-color: #eaeaea; }
.eventos #pager2 a span { display: none; }
.eventos #pager2 a.selected { background: #949aff; width:45px }

/*BANNER FINAL*/
.banner_final { width: 100%; height: auto; padding: 50px 0px 20px 0px; position: relative; text-align: center;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner_final img { width: auto; max-width: 100%; height: auto; display: inline-block; vertical-align: top; position: relative; margin: 10px 0px;  -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; overflow:hidden;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner_final:hover img { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; margin: 5px 0px 15px 0px; }

/*PARCEIROS*/
.parceiros { width: 100%; height: auto; position: relative; clear: both; text-align: center; margin-bottom: 40px; background-color: #ffffff; }
.parceiros .titulo_parceiro { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); font-size: 24px; line-height: 30px; text-align: left; color: var(--cor-texto-default); padding: 50px 0px 25px 0px; font-weight:500 }
.parceiros .titulo_parceiro .acessa { width: auto; height: auto; position: absolute; right: 0px; font-family: var(--fonte-padrao); font-size: 13px; background-color: var(--cor-secundaria); line-height: 20px; color: #ffffff; top: 50px; font-weight:400; text-decoration: underline; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 3px 15px; }
.parceiros ul { width: 100%; height: auto; position: relative; clear: both; text-align: center; z-index: 2; padding: 10px 0px 20px 0px; }
.parceiros ul li { width: 250px; height: auto; position: relative; margin: 5px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; }
.parceiros ul li .avatar { width: 250px; height:140px; padding: 20px 0px; position: relative; display:inline-block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; }
.parceiros ul li .avatar img { width: auto; height: auto; max-width: 90%; max-height: 90%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; z-index: 10; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.parceiros ul li:hover img {  -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; }
.parceiros ul li:hover .avatar { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.parceiros ul li:hover { margin: 0px 5px 10px 5px; }
.parceiros #pager3 { width: 100%; height: 10px; margin-top: 0px; text-align: center; position: absolute; float: left; }
.parceiros #pager3 a { width: 15px; height: 10px; margin: 0 2.5px; display: inline-block; background: #eaeaea; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.parceiros #pager3 a:hover { background-color: #eaeaea; }
.parceiros #pager3 a span { display: none; }
.parceiros #pager3 a.selected { background: #949aff; width:45px }

/*LOJA*/
.loja { width: 100%; height: auto; position: relative; clear: both; text-align: center; margin-bottom: 40px; background-color: #ffffff; }
.loja .titulo_loja { width: 100%; height: 90px; position: relative; margin: 25px 0px; background-image: url(../imagens/titulo-use.png); background-repeat: no-repeat; background-position: center; }
.loja ul { width: 100%; height: auto; position: relative; clear: both; text-align: center; z-index: 2; padding: 10px 0px 20px 0px; }
.loja ul li { width: 250px; height: auto; position: relative; margin: 10px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; }
.loja ul li .avatar { width: 250px; height:250px; padding: 0px; position: relative; display:inline-block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.loja ul li .avatar img { width: auto; height: auto; max-width: 100%; max-height: 100%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; z-index: 10; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);-webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; }
.loja ul li:hover .avatar img { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.loja ul li:hover { margin: 0px 10px 15px 10px; }
.loja .cta_loja { width: auto; height: auto; position: relative; display: inline-block; vertical-align: top; font-family: var(--fonte-padrao); font-size: 16px; background-color: var(--cor-primaria); line-height: 20px; color: #ffffff; font-weight: 500; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 5px 20px; }

/*FOTOS*/
.fotos { width: 100%; height: auto; position: relative; clear: both; text-align: center; padding-top: 15px; margin-bottom: 40px; background-color: #6066cb; }
.fotos .titulo_fotos { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); font-size: 24px; line-height: 30px; text-align: left; color: #ffffff; padding: 50px 0px 25px 0px; font-weight:500 }
.fotos .titulo_fotos .acessa { width: auto; height: auto; position: absolute; right: 0px; font-family: var(--fonte-padrao); font-size: 13px; background-color: #ffffff; line-height: 20px; color: #6066cb; top: 50px; font-weight:400; text-decoration: underline; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 3px 15px; }
.fotos ul { width: 100%; height: auto; position: relative; clear: both; text-align: center; z-index: 2; padding: 0px 0px 20px 0px; }
.fotos ul li { width: 280px; height: auto; position: relative; margin: 20px 35px; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; }
.fotos ul li .avatar { width: 280px; height:440px; margin: 5px 0px 0px 0px; position: relative; display:inline-block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.fotos ul li .avatar img { width: auto; height: auto; max-width: 100%; max-height: 100%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; z-index: 10; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; }
.fotos ul li:hover .avatar { margin: 0px 0px 5px 0px; }
.fotos ul li:hover .avatar img { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }
.fotos #prev1 { position:absolute; left: 0px; top: 325px; color: #ffffff; opacity:0.5; z-index:10; font-size:15px; cursor:pointer; }
.fotos #prev1:hover { opacity:1 }
.fotos #next1 { position:absolute; right: 0px; top: 325px; color: #ffffff; opacity:0.5; z-index:10; font-size:15px; cursor:pointer; }
.fotos #next1:hover { opacity:1 }

/* =========================================
   FAQ - CONFERÊNCIA IGREJEIROS 2026
   ========================================= */
.faq-congresso { width: 100%; height: auto; position: relative; clear: both; background-color: #f4f6fa; padding: 70px 0px 80px 0px; text-align: center; }
.faq-congresso .titulo_faq { width: 100%; position: relative; font-family: var(--fonte-padrao); font-size: 32px; line-height: 40px; text-align: center; color: #222c51; padding: 0px 0px 45px 0px; font-weight: 700; text-transform: uppercase; }
.faq-congresso .faq-container { width: 100%; max-width: 850px; margin: 0 auto; text-align: left; }
.faq-congresso .faq-item { background: #ffffff; border: 1px solid #e1e5eb; border-radius: 12px; margin-bottom: 15px; overflow: hidden; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.faq-congresso .faq-item:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.05); transform: translateY(-2px); }
.faq-congresso .faq-pergunta { padding: 22px 30px; font-family: var(--fonte-padrao); font-size: 16px; font-weight: 600; color: #4449a1; cursor: pointer; display: flex; justify-content: space-between; align-items: center; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.faq-congresso .faq-pergunta i { font-size: 14px; color: #ffffff; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: #222c51; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.faq-congresso .faq-item.ativo { border-color: #4449a1; box-shadow: 0 10px 25px rgba(68, 73, 161, 0.15); }
.faq-congresso .faq-item.ativo .faq-pergunta { background-color: #4449a1; color: #ffffff; }
.faq-congresso .faq-item.ativo .faq-pergunta i { transform: rotate(90deg); background: #ffffff; color: #4449a1; }
.faq-congresso .faq-resposta { max-height: 0; overflow: hidden; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #ffffff; }
.faq-congresso .faq-item.ativo .faq-resposta { max-height: 1000px; /* Suficiente para expandir suavemente */ }
.faq-congresso .faq-resposta p { padding: 15px 30px 25px 30px; font-family: var(--fonte-padrao); font-size: 15px; line-height: 1.6; color: #555; margin: 0; }

@media screen and (max-width: 1100px) {
	section { padding: 0px !important; }

	/*BANNER CENTRAL*/
	.banner_central { height: 300px; background-size: auto 300px; }

	/*BANNER*/
	.banner .sliderContent .item .conteudo_slide, .banner .sliderContent .item:hover .conteudo_slide { width: 340px; padding: 0px 10px; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); }
	.banner .sliderContent .item .conteudo_slide .sobre_banner, .banner .sliderContent .item .conteudo_slide .botoes_acao { text-align: center; }
	.banner .sliderContent .item .imagem_mosaico { display:none; }
	.banner .sliderContent .item.fundo_total .conteudo_slide, .banner .sliderContent .item.fundo_total:hover .conteudo_slide { left: 50%; right: initial; transform: translate(-50%, -50%); }
	.banner .sliderContent .item.fundo_total .conteudo_slide p, .banner .sliderContent .item.fundo_total .conteudo_slide .destaque, .banner .sliderContent .item.fundo_total .conteudo_slide .sobre_banner { color: #ffffff; }
	.sliderBullets { left: 0px; top: 765px; transform: translate(0, 0); }

	/*QUEM SOMOS*/
	.quem_somos { width: 94%; padding: 25px 3%; }
	.quem_somos .avatar_imagem { width: 100%; height: auto; margin: 0px; }
	.quem_somos .avatar_imagem img { width: 100%; height: auto; max-width: initial; max-height: initial; position:relative; left: initial; top: initial; transform: translate(0,0); }
	.quem_somos .sobre { width: 100%; text-align: center; padding: 10px 0px 50px 0px; }
	.quem_somos .sobre p { width: 100%; text-align: center; }
	.quem_somos:hover .avatar_imagem {  margin: 0px; }

	/*CONTADOR*/
	.contador { text-align: center; padding: 10px 0px 30px 0px; }
	.contador .contador_evento { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); padding:0px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
	.contador .contador_evento .logo_conta { width:100%; height:130px; text-align: center; margin: 25px 0px 0px 0px; }
	.contador .contador_evento .logo_conta img { width:auto; max-height: 130px; height:auto; position:relative; display:inline-block; }
	.contador .contador_evento .quando { width: 100%; padding: 50px 0px; }
	.contador .contador_evento .quando .em_breve { padding: 0px 10%; }
	.flip-clock-wrapper ul li a div div.inn { font-size: 24px !important; }

	/*PROJETOS*/
	.projetos { width: 96%; padding: 0px 2% 0px 2%; }
	.projetos .projeto { width: 160px; height: 250px; margin: 5px; }
	.projetos .projeto .resumo { padding:15px; width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); }

	/*PESSOAS*/
	.pessoas .titulo_pessoas { width: 94%; padding: 30px 3% 15px 3%; }
	.pessoas .titulo_pessoas .acessa { right: 20px; }

	/*EVENTOS*/
	.eventos .titulo_evento { width: 94%; padding: 30px 3% 15px 3%; }
	.eventos .titulo_evento .acessa { right: 20px; top:35px; }

	/*PARCEIROS*/
	.parceiros .titulo_parceiro { width: 94%; padding: 30px 3% 15px 3%; }
	.parceiros .titulo_parceiro .acessa { right: 20px; top:35px; }

	/*EVENTOS*/
	.fotos .titulo_fotos { width: 94%; padding: 30px 3% 15px 3%; }
	.fotos .titulo_fotos .acessa { right: 20px; top:33px; }

	/*LOJA*/
	.loja { width: 94%; padding-left:3%; padding-right:3%; }
	.loja .titulo_loja { background-size: 90% auto; }
	.loja ul li { width: 45%; height: auto; margin: 5px; }
	.loja ul li .avatar { width: 100%; height: auto; }
	.loja ul li .avatar img { width: 100%; height: auto; max-width: initial; max-height: initial; position:relative; left: initial; top: initial; transform: translate(0,0); }

	/*BANNER FINAL*/
	.banner_final img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
	
	/*FAQ MOBILE*/
	.faq-congresso { width: 94%; padding: 40px 3% 50px 3%; }
	.faq-congresso .titulo_faq { font-size: 24px; line-height: 30px; padding: 0px 0px 30px 0px; }
	.faq-congresso .faq-pergunta { padding: 18px 20px; font-size: 14px; }
	.faq-congresso .faq-pergunta i { width: 28px; height: 28px; font-size: 12px; }
	.faq-congresso .faq-resposta p { padding: 10px 20px 20px 20px; font-size: 14px; }
}
@media screen and (max-width: 710px) {
	/*BANNER CENTRAL*/
	.banner_central { height: 230px; background-size: auto 230px; }
}
@media screen and (max-width: 530px) {
	/*BANNER CENTRAL*/
	.banner_central { height: 190px; background-size: auto 190px; }
}
@media screen and (max-width: 430px) {
	/*BANNER CENTRAL*/
	.banner_central { height: 150px; background-size: auto 150px; }
}

/* =========================================
   NOVO CONTADOR - CONFER脢NCIA IGREJEIROS 
   ========================================= */
.contador-congresso {
    background: radial-gradient(circle at 70% 40%, #006ac9 0%, #00529e 45%, #002d5e 100%);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    clear: both; /* Isso salva o layout de cima e impede que elementos invadam aqui */
    display: block;
}
.contador-congresso .aether-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contador-congresso .contador_evento {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contador-congresso .evento-imagens {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 40px;
    width: 100%;
    margin-bottom: 50px;
}
.contador-congresso .evento-img-left, 
.contador-congresso .evento-img-right {
    flex: 1 1 350px;
    display: flex;
    justify-content: center;
    max-width: 500px;
}
.contador-congresso .evento-img-left img, 
.contador-congresso .evento-img-right img {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.15));
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.contador-congresso .evento-img-left img:hover, 
.contador-congresso .evento-img-right img:hover {
    transform: translateY(-8px) scale(1.02);
}

/* Container de Vidro do Contador (Glassmorphism) */
.contador-congresso .quando {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    text-align: center;
    width: 100%;
    max-width: 800px;
}
.contador-congresso .quando .label {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.contador-congresso .quando .intro {
    margin-top: 25px;
    color: #fff;
    font-size: 1.1rem;
}
.contador-congresso .quando .intro span {
    color: #ffdd00; /* Destaque amarelinho super premium */
    font-weight: 800;
}

/* FIX: Centralizando o FlipClock Exatamente no Meio */
.contador-congresso .contagem {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px 0;
    overflow: hidden; 
}
.contador-congresso .contagem .clock {
    width: max-content !important; /* Obriga a caixa a ter o tamanho exato dos n煤meros */
    margin: 0 auto !important; /* Empurra pro meio do container */
    display: block !important;
}

/* Override de cores do FlipClock originais do cliente */
.flip-clock-divider .flip-clock-label { color: #9ce7fa !important; font-family: var(--fonte-especial); text-align: center; }
.flip-clock-wrapper ul { background-color: transparent !important; }
.flip-clock-wrapper ul li { border: none !important; }
.flip-clock-wrapper ul li a div div.inn { background-color: #4349a1 !important; color: #9ce7fa !important; font-family: var(--fonte-especial); font-size: 50px !important; }

/* Responsividade Mobile Extrema */
@media (max-width: 768px) {
    .contador-congresso .evento-imagens {
        flex-direction: column;
        gap: 20px;
    }
    .contador-congresso .quando {
        padding: 25px 15px;
    }
    .contador-congresso .contagem .clock {
        transform: scale(0.65); /* Escalona os bloquinhos do rel贸gio para caberem sem vazar da tela */
        transform-origin: center center;
    }
}