@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&family=Ms+Madi&family=Questrial&display=swap');

/* Fonts ---------------------------------------------------------------------*/
.cal-sans-regular,.ms-madi-regular,.questrial-regular{font-weight:400;font-style:normal}
.questrial-regular{font-family:Questrial,sans-serif}
.ms-madi-regular{font-family:"Ms Madi",cursive}
.cal-sans-regular{font-family:"Cal Sans",sans-serif}
.white {color: #FFF!important;}

/* Logo ---------------------------------------------------------------------*/
.logo {width: 130px; padding-top:60px;padding-left:5%;position: fixed;  color: white; /* Cor base */mix-blend-mode: difference;z-index: 994;}

/* Head-NAV ---------------------------------------------------------------------*/
.head-menu-1,.head-menu-2,.menu-btn{height:58px;padding-left:40px;display:inline-flex;cursor:pointer}
.bars,.menu-btn{position:relative}
#head-menu-wrap{width:100%;position:fixed;top:0;padding:60px 60px 0;display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;z-index:990;}
.head-menu-1,.head-menu-2{font-size:.9rem;padding-right:0;margin:0;background:#000;border:none;align-items:center;}.head-menu-1{border-radius:45px 0 0 45px}
.head-menu-2{padding-right:60px;border-radius:0}#menu-toggle{display:none}
.menu-btn{background-color:#EEE;padding-right:40px;border-radius:45px;margin-left:-25px;align-items:center;z-index:1000;}
.bars,.menu{display:flex}.bars{flex-direction:column;justify-content:center;margin-right:10px}
.bars span{width:20px;height:2px;background:#333;margin:3px 0;border-radius:2px;transition:.3s}
.menu-text{font-weight:700;font-size:.9rem;color:#333}
#menu-toggle:checked+.menu-btn .bars span:first-child{transform:rotate(45deg) translate(5px,5px)}
#menu-toggle:checked+.menu-btn .bars span:nth-child(2){opacity:0}
#menu-toggle:checked+.menu-btn .bars span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
#menu-toggle:checked+.menu-btn .menu-text,
#menu-toggle:checked+.menu-btn .menu-text::before{content:"FECHAR"}
.menu p {line-height: 1!important;margin: 0px;padding: 0px;}
#head-menu-wrap a  {text-decoration: none!important;}
.head-menu-2 p:hover{background-color: #D4DF16;color: #000;}
.head-menu-1 p:hover{background-color: #D4DF16;color: #000;}
.head-menu-2:hover{background-color: #D4DF16;color: #000;}
.head-menu-1:hover{background-color: #D4DF16;color: #000;}
.head-menu-2 p{color: #FFF;}
.head-menu-1 p{color: #FFF;}

.menu-text::before{content:"MENU"}
.menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f8f8f8;flex-direction:column;justify-content:center;align-items:center;transform:translateX(100%);transition:transform .3s;z-index:999}#menu-toggle:checked~.menu{transform:translateX(0)}.menu a{font-size:1rem;color:#333;text-decoration:none;transition:color .2s}.menu a:hover{color:tomato}
.head-menu-2{border-left: 1px solid #888; }
.head-menu-1{ padding-right: 30px;}
.head-menu-1, .head-menu-2 {color:#FFF;text-decoration:none;transition:color .2s;font-size: .9rem!important;}
.line-height-reset  {line-height: 1!important;}

@media (max-width: 768px) {
	
.logo {width: 140px;padding-top:30px;padding-left:20px;position: fixed;  color: white; /* Cor base */mix-blend-mode: difference;z-index: 990;}
.head-menu-1,.head-menu-2,.menu-btn{height:49px;padding-left:10px;display:inline-flex;cursor:pointer}
#head-menu-wrap{width:100%;position:fixed;top:0;padding:30px 20px 0 0;display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;z-index:990}
.head-menu-2{padding-right:35px;border-radius:0}#menu-toggle{display:none}
.head-menu-1{ padding-right: 10px;padding-left: 20px;}
.p-xs  {font-size: .7rem!important; text-decoration:none;transition:color .2s}
	
.menu p {font-size: .9rem!important; line-height: 1!important;margin: 2px;padding: 0px;}
.menu h3 {line-height: 1.5!important;margin: 5px;padding: 0px;}
	
.menu-text::before{content:none}
.menu-btn {padding:0 15px;}
.bars {margin:0 10px;}
.bars span{width:15px;height:2px;}
	
}


/* Hero ---------------------------------------------------------------------*/
.hero {width: 100%;height: 90%;position: relative;z-index: 99;}
.hero-wrap {width:60%; padding-left: 10%;position: absolute; bottom: 15%;}
.hero p {line-height:1.5;width: 40%;margin: 20 0;text-align: left;color: #fff;}
.frase span{line-height:1.1!important;color:#fff;font-family:"Cal Sans",sans-serif;font-size:6rem!important;font-weight:100;}.frase{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}.palavra-container{display:block;overflow:hidden;position:relative}.palavra{display:inline-block;position:relative;animation:.4s forwards slideIn}@keyframes slideIn{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
.culto-bar{width:450px;position:fixed;bottom:20px;left:20px;display:flex;align-items:center;gap:20px;background-color:rgba(238,238,238,.3);backdrop-filter:blur(10px);border-radius:20px;padding:20px 30px;font-size:.8rem;font-weight:600;z-index:992;color:#000}
.culto-bar-legenda  {font-weight: 100!important;}
.label{white-space:nowrap}.culto-carousel-container{width:220px;overflow:hidden}
.culto-carousel-track{display:flex;transition:transform .5s ease-in-out}.culto-carousel-track span{flex:0 0 220px;text-align:left;white-space:nowrap}.hero-btn-green,.hero-btn-grey,.hero-btn-black{height:48px;width:auto;text-align:center;color:#000;font-size:.9rem;font-weight:200;margin:20px 0;padding:30px 50px;display:inline-flex;cursor:pointer;transition:.3s;outline:0;margin-right:20px}.hero-btn-green{border:none;align-items:center;border-radius:45px;backdrop-filter:blur(70.15px);background-color:#D4DF16}.hero-btn-grey{border:none;align-items:center;background-color:#fff;border-radius:45px}.hero-btn-black{border:none;align-items:center;background-color:#000!important;border-radius:45px;color:#FE7880!important}.hero-btn-green:hover{background-color:#000;color:#FE7880}.hero-btn-grey:hover{background-color:#000;color:#FE7880}.video-wrapper{width:100%;height:90vh;padding:20px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.video-wrapper video{border-radius:20px;width:100%;height:100%;object-fit:cover;display:block}

@media (max-width: 768px) {
.hero-wrap{width:80%;padding-left:10%;position:absolute;bottom:50px}.frase span{line-height:.9;font-size:2rem!important}.frase{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.palavra{display:inline-block;position:relative}.video-wrapper{width:100%;height:100%;padding:5px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.video-wrapper video{border-radius:20px;width:100%;height:100%;object-fit:cover;display:block}.hero p{font-size:1rem!important;width:90%;line-height:1}.culto-bar{width:90%;position:fixed;margin:auto;bottom:10px;gap:0;background-color:rgba(238,238,238,.3);backdrop-filter:blur(10px);border-radius:20px;padding:15px 10px;font-size:.6rem;font-weight:600;z-index:992;color:#000;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.label{white-space:nowrap;padding:0 10px}.culto-carousel-track{display:flex;transition:transform .5s ease-in-out}.culto-bar span{font-size:.7rem!important}.hero-btn-green,.hero-btn-grey{height:48px;width:auto;text-align:center;color:#000;font-size:.9rem;font-weight:200;margin:10px 0;padding:30px 30px;display:inline-flex;cursor:pointer;transition:.3s;outline:0;margin-right:20px}.hero-btn-green{border:none;align-items:center;border-radius:45px;backdrop-filter:blur(70.15px);background-color:#D4DF16}.hero-btn-grey{border:none;align-items:center;background-color:#fff;border-radius:45px}.hero-btn-green:hover{background-color:#000;color:#FE7880}

}



/* Hero ---------------------------------------------------------------------*/
#content-container {background-color:#FAFAFA;}
.blue-bg {width: 100%;height: 200px;background: #35349A;
background: linear-gradient(0deg,rgba(53, 52, 154, 1) 0%, rgba(250, 250, 250, 1) 79%);position: relative;}

/* Bem vindo ---------------------------------------------------------------------*/
.text-box{width:100%;max-width:800px;margin:40px auto;font-family:sans-serif;font-size:1rem;line-height:1.6;position:relative;transition:.3s}.extra-text{display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height 1s,opacity .4s}.text-box.expanded .extra-text{max-height:1000px;opacity:1}
.lettering-01,.lettering-02{text-align:center;font-size:6rem;color:#222}.lettering-01{line-height:1;margin:0}.lettering-02{line-height:1!important;display:block;margin-top:20px;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg)}
.youtube-iframe {padding-top: 40px;}
.lettering-01 span{font-size: 6rem;}

@media (max-width: 768px) {

.body-content {padding-top: 60px!important;overflow:hidden;}
.lettering-01,.lettering-02{text-align:center;font-size:3rem!important;color:#222}
.lettering-01{line-height:1!important;margin:0}
.lettering-02{line-height:1!important;display:block;margin-top:20px;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg)}
.text-box{width:80%;max-width:800px;margin:40px auto;font-family:sans-serif;font-size:16px;line-height:1.6;position:relative;transition:.3s}
.text-box p {color: #222;font-size: 1rem!important;text-align: left!important;}
.lettering-01 span{font-size: 2rem;}
}
.black {color: #000;}
.toggle-btn {height:48px;width:auto;text-align:center;color:#000;font-size:.9rem;font-weight:200;margin:20px 0;padding:30px 50px;display:inline-flex;cursor:pointer;transition:.3s;outline:0;margin-left: 20px;border:none;align-items:center;border-radius:45px;backdrop-filter:blur(70.15px);background-color:#D4DF16}

.toggle-btn:hover {
  color: #FE7880;background-color: #000;
}

/* Carousel ---------------------------------------------------------------------*/
.carousel-container{position:relative;padding-bottom:0;overflow:hidden!important}.carousel-track{display:flex;transition:transform .6s;will-change:transform;gap:20px;padding-left:20px}.carousel-item{flex:0 0 35%;border-radius:20px;padding:2rem;font-size:1.5rem;color:#1e3a8a;font-weight:700}.carousel-pagination{margin-bottom:0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background-color:#000;padding:20px;border-radius:30px;display:flex;gap:10px;z-index:10}.carousel-item:first-child{margin-left:20px}.dot{width:20px;height:20px;background-color:#bbb;border-radius:50%;cursor:pointer;transition:background-color .3s}.dot.active{width:60px;border-radius:10px;background-color:#FE7880}



.bg-trilho {background-image: url(" ../img/trilho.png")!important; background-size: 140%;background-position:left ;}
.bg-trilho p {color: #fff;text-align: left;line-height: 1.4;}
.bg-trilho h2, h3, h1 {color: #fff!important;text-align: left;line-height: 1;}

.bg-gc {background-image: url(" ../img/gc.png")!important; background-size: cover;background-position:left ;}
.bg-gc p {color: #fff;text-align: left;line-height: 1.4;}
.bg-gc h2, h3, h1 {color: #fff!important;text-align: left;line-height: 1;}

.bg-batismo {background-image: url(" ../img/batismo.png")!important; background-size: cover;background-position:left ;}
.bg-batismo p {color: #fff;text-align: left;;}
.bg-batismo h2, h3, h1 {color: #fff!important;text-align: left;line-height: 1;}

.bg-ensino {background-image: url(" ../img/ensino.png")!important; background-size: cover;background-position:left ;}
.bg-ensino p {color: #fff;text-align: left;;}
.bg-ensino h2, h3, h1 {color: #fff!important;text-align: left;line-height: 1;}

.bg-doar {background-image: url(" ../img/doar.png")!important; background-size: cover;background-position:left ;}
.bg-doar p {color: #fff;text-align: left;;}
.bg-doar h2, h3, h1 {color: #fff!important;text-align: left;line-height: 1;}

.bg-membro {background-image: url(" ../img/membro.png")!important; background-size: cover;background-position:left ;}
.bg-membro p {color: #fff;text-align: left;;}
.bg-membro h2, h3, h1 {color: #fff!important;text-align: left;line-height: 1;}


@media (max-width: 768px) {
.carousel-container {
  position: relative;
  padding-bottom: 120px; /* espaço para a paginação */
  overflow: visible; /* permite conteúdo sair visualmente */
}

.carousel-item {flex: 0 0 80%!important;margin: 0 auto;}

}

/* Pagina 01 ---------------------------------------------------------------------*/
#pagina-01{width:100%;padding:100px 0;overflow:hidden;background:#000}.pagina01-wrap{width:95%;margin:0 auto;position:relative;z-index:99}.pagina01-video{position:relative;width:100%;padding:0 5%;box-sizing:border-box;padding-top:56.25%;border-radius:20px;overflow:hidden}.pagina01-video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:black}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#C70E11;border:none;border-radius:20%;width:150px;height:120px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:transform 0.2s ease}.play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.play-button::before{content:'';display:inline-block;margin-left:5px;border-style:solid;border-width:22px 0 22px 30px;border-color:transparent transparent transparent #FFF}


 @media (max-width: 768px) {
  .pagina01-video {
    width: 95%;
    padding-top: 160%; /* 9:16 */
    margin: 0 auto; /* <-- manter centralização no mobile */
  }
}
/* FAQ ---------------------------------------------------------------------*/
#faq{width:100%;background-color:#35349A;padding-bottom: 0px;padding-top: 100px;}.faq-question,.faq-question:hover{background-color:#07093D;}.faq-section-wrap{max-width:800px;padding-bottom:100px;margin:0 auto}.faq-question{padding:20px 60px;border-radius:50px;border:none;width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:1rem;font-weight:500;cursor:pointer;transition:color .3s;margin-bottom: 20px;}.faq-question .icon{font-size:1.5rem;transition:transform .3s}.faq-question.active .icon{margin:0;padding:0;transform:rotate(45deg)}.faq-answer{background-color:#050626;border-radius:50px;max-height:0;overflow:hidden;transition:max-height .4s;font-size:1rem;line-height:1.6;margin-bottom:20px;}.faq-answer p{color:#fff;padding:40px}.faq-answer.open{max-height:800px;padding: 60px 100px;}
.faq-question span {color:#FFF;}
.faq-answer strong, li {color:#bfdbfe;}

@media (max-width: 768px) {
.faq-question{padding:20px 40px;}
.faq-section-wrap{max-width:90%;padding-bottom:40px;margin:0 auto}
.faq-answer.open {max-height:90%;padding:40px!important;}
.faq-answer p {font-size: 1rem!important;padding: 0px;}	
}


/* Doações ---------------------------------------------------------------------*/
#doacoes h1,#doacoes p{color:#fff;margin:auto;text-align:center}#doacoes{width:100%;margin:auto;background:linear-gradient(to bottom,#35349a 50%, #fff 50%);z-index:998;position:relative}.doacoes-wrap{width:80%;margin:auto;background-image: url(" ../img/doacoes.png")!important;background-position: right;background-size: cover;background-repeat: no-repeat;background-color: #BA4300; border-radius:120px;position:relative;padding:60px 100px}#doacoes h1{line-height:1;width:70%}#doacoes .hero-btn-green{text-align:center;margin:20px auto auto;display:flex;justify-content:center}

@media (max-width: 768px) {	
#doacoes{width:100%;z-index:998;position:relative}.doacoes-wrap{width:80%;margin:auto;background-image:linear-gradient(271.5deg,#f5bbec 46.5%,#e37cd5 98.5%,#bbb 124.3%);border-radius:120px;position:relative;padding:0px}	
.doacoes-wrap{width:90%;margin:auto;border-radius:80px;position:relative;padding:40px 0px;}
.doacoes-wrap h1 {font-size: 3rem!important; line-height:1;width:100%;padding: 0px 40px;}
.doacoes-wrap p {font-size: 1rem!important; padding: 0px 40px;}

}

/* Footer ---------------------------------------------------------------------*/
footer{background:#fff;width:100%;position:relative;padding-top:80px;z-index:998;overflow: hidden;margin: auto;}
footer *{color:#555; text-decoration: none!important;}
footer p{line-height:2;font-weight:100;font-size: 1.125rem!important;}
footer h3{font-size:1.2rem;font-family:"Cal Sans",sans-serif!important}
.footer-logo{fill:black;width:210px;padding-top:0px;mix-blend-mode:difference}
.social-icons{display:flex;gap:20px;}.social-icons .fa-brands, .fab {font-size: 1.6rem;}
.social-icons a{text-decoration:none;color:#fff;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .3s}.social-icons a:hover{transform:scale(1.1)}
.links-footer-container{margin:50px auto auto;display:flex;justify-content:center;gap:10px;width:100%;z-index:992}.comunidade-slide-wrapper{width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box;padding:20px 0;z-index: 0!important;}
.comunidade-slide-track{display:inline-block;white-space:nowrap;animation:20s linear infinite comunidade-slide-move}.comunidade-slide-word{font-family:Questrial,sans-serif;display:inline-block;color:#eee;font-size:15rem;margin-right:400px;letter-spacing:.1em}@keyframes comunidade-slide-move{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.cidades-footer p{font-size:.9rem!important;line-height:1.2;font-weight:200;font-style:normal}
.cidades-footer span{font-size:.8rem;line-height:1;font-family:"Cal Sans",sans-serif!important;font-style:normal}
.cidades-footer .fa-solid{padding-right:15px;font-size:1.4rem;}
.links-footer-container  a{flex:1;padding:0px;text-align:center}
#links-footer-container{width:90%;margin:auto;position:relative;z-index:992;padding-bottom: 10px;}
.links-footer-container  {font-size:.8rem!important;}
.bottom-text{width:100%;height:220px;position:absolute;bottom:0;overflow:hidden;text-align:center;z-index:0!important;}
.p-2025-footer {margin: 0px; line-height: 1;}
@media(max-width:768px){
footer{text-align:center;padding-top:40px}.row{flex-direction:column;align-items:center}
.footer-logo{float:none!important;margin:0 auto;display:block}.social-icons{justify-content:center}.cidades-footer .fa-solid{padding-right:0;font-size:1.4rem!important}.links-footer-container p{font-size:.9rem!important;line-height:1rem!important;margin:0}.links-footer-container{margin:0!important}.comunidade-slide-word{font-size:4rem}.cidades-footer{text-align:center}.cidades-footer.cidades-footer span,.cidades-footer p{font-size:1rem!important;display:block}.bottom-text{width:100%;height:180px}.bottom-text span{font-size:10rem!important}}

.youtube-iframe {width: 100%;aspect-ratio: 16 / 9;height: auto;border: 0;}
.btn-back {z-index:999;}



/* Content Container ---------------------------------------------------------------------*/
#content-container li{color:#636366;font-family:'Lato',Helvetica,sans-serif}#content-container{font-family:'Lato',Helvetica,sans-serif;color:#636366}.accordion{width:100%;margin:0 auto;border-radius:30px;color:#636366}.accordion-item{border-radius:30px;margin-bottom:10px;overflow:hidden;background-color:#EEE}.accordion input[type="checkbox"]{display:none}.accordion-label{position:relative;display:block;padding:0 20px;background-color:#EEE;font-weight:400;cursor:pointer;border-radius:30px}.accordion-label .arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(0deg);transition:transform 0.3s ease;font-size:16px}.accordion input:checked+.accordion-label .arrow{transform:translateY(-50%) rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;background-color:#F3F3F3;border-radius:0 0 30px 30px;padding:0 15px;transition:max-height 0.4s ease,padding 0.3s ease;color:#636366}.accordion input:checked~.accordion-content{max-height:1000px;padding:40px}


  .vimeo-container {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
  }
  .vimeo-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* proporção paisagem (desktop): 16/9 → padding-top:56.25% */
  .desktop-container { padding-top: 56.25%; }
  /* proporção retrato (mobile): 3/4 → padding-top:133.33% */
  .mobile-container  { padding-top: 133.33%; }

  /* em telas menores que 768px, esconde o desktop */
  @media (max-width: 767px) {
    .desktop-container { display: none; }
  }
  /* em telas a partir de 768px, esconde o mobile */
  @media (min-width: 768px) {
    .mobile-container { display: none; }
  }

