@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@400;700;900&family=Poppins:wght@200;300;400;700&display=swap');

@import url('root.css');
@import url('menu.css');
@import url('banner.css');
@import url('buttons.css');
@import url('forms.css');
@import url('mapa.css');

html, body {
  font-family: var(--fonte);
  font-weight: 500;
  font-size: 16px;
  color: var(--texto);
  height: 100%;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Darker Grotesque', sans-serif;
  font-weight: 900;
}

h1 {font-size: 3.635em;}
h2 {font-size: 2.932em;}
h3 {font-size: 2.364em;}
h4 {font-size: 1.907em;}
h5 {font-size: 1.538em;}
h6 {font-size: 1.24em;}

b, strong {font-weight: 700}

a {text-decoration: none !important; color: inherit;}
a:hover {text-decoration: none !important;}


#oquee {
  padding-bottom: 80px;
}

span.destaque {
  text-transform: uppercase;
  font-family: 'Darker Grotesque', sans-serif;
  font-weight: 900;
  padding: 8px 14px;
}

#oque span.destaque {
  background: var(--primaria);
  color: var(--escura);
}

#oquee h2{
  color: var(--primaria);
}


#programa h3 {
  color: var(--primaria);
  font-weight: 400;
  margin-bottom: -10px;
}

#programa h1 {
  color: var(--primaria);
}

#frase {
  padding: 80px 0px 40px 0px;
  text-align: center;
}

#frase h3 {
  color: var(--secundaria);
  margin-bottom: 32px;
}

span.ico-logo,
#frase span.ico-logo {
  background-image: url('../img/ico-logo.svg');
  width: 252px;
  height: 18px;
  display: block;
  margin: 0 auto;
}

#grupo-local-home {
  padding: 80px 0px;
}

#grupo-local-home h1 {
  color: var(--secundaria);
  margin-bottom: 24px;
}
#grupo-local-home p {
  margin-bottom: 40px;
}


#junte-se-home {
  padding: 40px 0px 80px 0px;
}

#junte-se-home .item {
  background: var(--primaria);
  height: 123px;
  transition: background-color ease .5s;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#junte-se-home a.item:hover {
  background-color: var(--primaria1);
  transition: background-color ease .5s;
}

#junte-se-home .item h6 {
  color: var(--clara0);
  text-transform: uppercase;
  margin-bottom: 0px;
}

#junte-se-home .item h3 {
  color: var(--escura);
}

#dizem-home {
  background-color: var(--escura);
  padding: 100px 0px 80px 0px;
}

#dizem-home h2 {
  color: var(--primaria);
}

#dizem-home span.destaque {
  background: var(--clara0);
  color: var(--escura);
}

#dizem-home ul {
  margin-left: 0px;
  padding-left: 0px;
  padding: 8px 0px;
}

#dizem-home ul li {
  list-style: none;
  color: var(--clara0);
  padding: 8px 0px;

  font-weight: 700;
  font-size: 1.24em;
  font-family: 'Darker Grotesque', sans-serif;
}

#dizem-home .item {
  padding: 16px 0px;

  display: flex;
  align-items: center;
  justify-content: start;
}

#dizem-home .item h2 {
  color: var(--primaria);
  margin-right: 23px;
}
#dizem-home .item p {
  color: var(--clara0);
  margin-bottom: 0px;
}

#dizem-home a.btn-1 {
  margin-top: 24px;
}

footer {
  background-color: var(--clara1);
  padding-top: 40px;
}

footer .conteudo {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

footer .conteudo .item {
  color: var(--escura);
  display: flex;
  justify-content: center;
  align-items: center;
}

footer .conteudo .item img {
  margin-right: 8px;
}

footer .conteudo .item.telefone b{
  font-size: 1.907em;
  font-weight: 900;
}

footer .conteudo .item.telefone {
  font-family: 'Darker Grotesque', sans-serif;
  font-weight: 900;
}

footer .conteudo .item a,
footer .conteudo .item p {
  margin-bottom: 0px;
}

footer .conteudo .item .redes-rodape a {
  padding: 0px 8px;
}

footer a {
  color: var(--escura);
  text-decoration: none;
}

footer a:hover {
  color: var(--primaria1);
}

footer .copyright {
  color: var(--escura);
  border-top: 1px solid var(--texto);
  padding: 8px 0px 8px 0px;
  margin-bottom: 0px;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

footer .copyright p {
  margin-bottom: 0px;
}


/*=======================================================================
Seja Um Parceiro - Módulo
=======================================================================*/
#seja-parceiro {
  background: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), url('../img/bg-seja-parceiro.jpg');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-blend-mode: luminosity;

  height: 380px;
  text-align: center;
  padding: 0px 12%;

  display: flex;
  justify-content: center;
  align-items: center;
}

#seja-parceiro h1 {
  color: var(--clara0);
}

#seja-parceiro span {
  color: var(--primaria);
}
/*=======================================================================
INTERNO
=======================================================================*/
#header-interno {
  background: url('../img/bg-header.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  margin-top: 160px;
}

#header-interno::after {
  content: '';
  display: block;
  background-image: url('../img/img-header.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 80%;
  height: 185px;
  margin: 0 auto;
}

#header-interno .titulo {
  text-align: center;
  color: var(--escura);
  margin: 32px auto;
}

#header-interno .titulo h5 {
  font-weight: 400;
  margin-bottom: 0px;
}

.conteudo-interno {
  padding: 80px 0px;
}

.blc-visao-missao-objetivo .item {
  text-align: center;
  margin: 24px 0px;
}

.blc-visao-missao-objetivo .item img {
  height: 62px;
}

.blc-visao-missao-objetivo .item h6 {
  margin: 16px auto;
  color: var(--escura);
}

.blc-nossa-estrategia {
  background: url('../img/bg-estrategia.png');
  height: 200px;
  display: flex;
  align-items: center;
}

.blc-nossa-estrategia .item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.blc-nossa-estrategia .item h4 {
  color: var(--primaria);
}

.blc-nao-e h4 {
  color: var(--primaria);
  margin: 12px 0px;
}

.blc-nao-e ul {
  padding-left: 0px;
}

.blc-nao-e ul li {
  list-style: none;
  padding: 12px 0px;
}

.blc-nao-e span.destaque {
  background: var(--primaria);
  color: var(--escura);
  margin-bottom: 32px;
}

.blc-texto-quem-somos h4 {
  color: var(--secundaria);
}

.missionarios .item {
  width: 75%;
  display: flex;
  align-items: center;
  margin: 32px auto;
}

.missionarios .item img {
  padding-right: 24px;
}

.missionarios .item .conteudo p.titulo {
  color: var(--secundaria1);
  margin-bottom: 0px;
}

.missionarios .item .conteudo h5 {
  color: var(--escura);
  margin-bottom: 0px;
}

.box-direcao .box {
  padding-bottom: 32px;
}

.box-direcao .box .titulo {
  background: var(--secundaria0);
  border-radius: 8px 8px 0px 0px;
  color: var(--escura);
  text-align: center;
  padding: 23px 0px;
}

.box-direcao .box .titulo h5 {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}

.box-direcao .box .conteudo {
  background: var(--clara0);
  border-radius: 0px 0px 8px 0px;
  padding: 32px;
}

.linha-do-tempo h3,
.linha-do-tempo h4 {
  color: var(--primaria);
}

.linha-do-tempo h3 {
  text-align: center;
}

.linha-do-tempo .item,
.linha-do-tempo .item2 {
  margin: 24px 0px;
}

.linha-do-tempo .item .conteudo,
.linha-do-tempo .item2 .conteudo {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.linha-do-tempo .item2 .conteudo {
  text-align: right;
}

.linha-do-tempo .item .conteudo p,
.linha-do-tempo .item2 .conteudo p {
  margin-bottom: 0px;
}

.img-seta {
  width: 50px;
  margin: 0 auto;
}

.grupos-locais h3 {
  color: var(--primaria);
}

.grupos-locais h4,
.grupos-locais h6 {
  color: var(--secundaria1);
}

.grupos-locais .orientacao {
  font-weight: 400;
  color: var(--texto);
}

.pages-projetos h3 {
  color: var(--secundaria);
}

.pages-projetos h5 {
  color: var(--primaria1);
}

.pages-projetos ul li{
  padding: 8px 0px;
}

.page-contribua h4 {
  color: var(--primaria1);
}

.page-contribua a {
  font-weight: bolder;
}