@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;600;700&display=swap');

/* TAGS */
body{
  color:#fff;
  padding-top:0px;
}

@media(min-width:992px){
    body{
    padding-top:0px;
    }
}

a,
a:active,
a:visited{
  color:#fff;
  text-decoration:none;
}

a:hover{
  color:#fff;
  text-decoration:none;
}

/* Úteis */
.inside-container{
  width:100%;
  max-width:1260px;
  padding-left:15%;
  padding-right:15%;
  margin-left:auto;
  margin-right:auto;
  font-family: Roboto, Verdana, Geneva, Tahoma, sans-serif;
  font-size: 1.2em;
  font-weight:300;
}

.full-width{
  width:100%;
}

.row-separator,
.row-separator-2x,
.row-separator-3x{
  position:relative;
  width:100%;
  height:35px;
  overflow:hidden;
  clear:both;
}

.row-separator-2x{height:70px}

.row-separator-3x{height:105px}

@media(min-width:768px)
{
    .row-separator{height:45px}

    .row-separator-2x{height:90px}

    .row-separator-3x{height:135px}
}

@media(min-width:992px)
{
    .row-separator{height:60px}

    .row-separator-2x{height:120px}

    .row-separator-3x{height:180px}
}

@media(min-width:1200px)
{
    .row-separator{height:80px}

    .row-separator-2x{height:160px}

    .row-separator-3x{height:240px}
}

.no-border {
border:0;
}

/* Paleta de Cores */

/* Cor 01 */
.theme-bg-color-01{
    background-color:#2D4E80;
    color:#fff;
}

.theme-bg-color-01:hover{
    background-color:#1c304e;
    color:#fff;
}

.theme-color-01,
.theme-color-01 a,
.theme-color-01 a:visited,
.theme-color-01 a:active{
    color:#2D4E80
}

.theme-color-01 a:hover{
    color:#264069;
    color:#fff;
}

.theme-border-color-01{
    border-color:#2D4E80
}

/* Cor 02 */
.theme-bg-color-02{
    background-color:#BE9C56;
    color:#fff;
}
.theme-bg-color-03{
  background-color:#ffffff;
  color:#fff;
}

.theme-bg-color-02:hover{
    background-color:#9e824a;
    color:#fff;
}

.theme-color-02,
.theme-color-02 a,
.theme-color-02 a:visited,
.theme-color-02 a:active{
    color:#BE9C56
}

.theme-color-02 a:hover{
    color:#9e824a;
    color:#fff;
}

.theme-border-color-02{
    border-color:#BE9C56
}


/* cores apat */
.theme-bg-color-apat{
  background-color:#236666;
  color:#fff;
}

.theme-bg-color-doar-orgaos{
  background-color:#536347;
  color:#fff;
}

.theme-bg-color-doar-dinheiro{
  background-color:#276A47;
  color:#fff;
}

.theme-bg-color-depoimentos{
  background-color:#0A4137;
  color:#fff;
}
.theme-bg-color-doar-tempo{
  background-color:#165634;
  color:#fff;
}


/* Cores auxiliares */
.theme-bg-color-light{
    background-color:#F1F1F2;
    color:#fff;
}

.theme-color-light{
    color:#F1F1F2
}

.theme-border-color-light{
    border-color:#F1F1F2
}

.theme-bg-color-lightMedium{
    background-color:#ddd;
    color:#555;
}

.theme-color-lightMedium{
    color:#ddd
}

.theme-border-color-lightMedium{
    border-color:#ddd
}

.theme-bg-color-medium{
    background-color:#ccc;
    color:#555;
}

.theme-color-medium{
    color:#ccc
}

.theme-border-color-medium{
    border-color:#ccc
}

.theme-bg-color-darkMedium{
    background-color:#bbb;
    color:#333;
}

.theme-color-darkMedium{
    color:#bbb
}

.theme-border-color-darkMedium{
    border-color:#bbb
}

.theme-bg-color-dark{
    border-color:#656565;
    color:#fff
}

.theme-color-dark{
    color:#656565
}

.theme-border-color-dark{
    border-color:#656565
}

/* Títulos */
.title-sm,
.title-md,
.title-lg,
.title-xl,
.title-xxl,
.title-big{
  display:block;
  font-weight:bold;
  line-height:1.15;
  text-align: center;
}

.title-sm{
font-size:.96rem;
margin-bottom:1rem
}

.title-md{
font-size:1.0625rem;
margin-bottom:1.25rem
}

.title-lg{
font-size:1.1875rem;
margin-bottom:1.5rem
}

.title-xl{
font-size:1.3125rem;
margin-bottom:1.5rem
}

.title-xxl{
font-size:1.8rem;
margin-bottom:1.5rem
}

.title-big{
font-size:3.5rem;
margin-bottom:1.5rem
}

@media(min-width:992px){
    .title-sm{
    font-size:1rem;
    margin-bottom:1rem
    }
    
    .title-md{
    font-size:1.25rem;
    margin-bottom:1.25rem
    }
    
    .title-lg{
    font-size:1.5rem;
    margin-bottom:1.5rem
    }
    
    .title-xl{
    font-size:1.75rem;
    margin-bottom:1.5rem
    }
    
    .title-xxl{
    font-size:2.25rem;
    margin-bottom:1.5rem
    }

    .title-big{
    font-size:4rem;
    margin-bottom:1.5rem
    }    
}

@media(min-width:1200px){
    .title-sm{
    font-size:1rem;
    margin-bottom:1.5rem
    }
    
    .title-md{
    font-size:1.25rem;
    margin-bottom:1.5rem
    }
    
    .title-lg{
    font-size:1.5rem;
    margin-bottom:2rem
    }
    
    .title-xl{
    font-size:2rem;
    margin-bottom:2rem
    }
    
    .title-xxl{
    font-size:2.5rem;
    margin-bottom:2rem
    }

    .title-big{
    font-size:4.375rem;
    margin-bottom:2rem
    }
}

/* Grid - Imagens ao lado do texto */
.f-gridH a,
.f-gridH a:active,
.f-gridH a:visited{
color:#555;
}

.f-gridH a:hover{
color:#000;
}

.f-gridH-col{
margin-bottom:15px;
}

.f-gridH-card a{
display:flex;
align-items:center;
justify-content:space-between;
height:100%;
}

.f-gridH-card-image{
width:33%;
background-color:#000;
overflow:hidden;
transition:all .2s ease-in-out;
}

.f-gridH-card-image img{
width:100%;
opacity:0.8;
object-fit:cover;
transition:all .2s ease-in-out;
}

.f-gridH-col:hover .f-gridH-card-image img{
opacity:1;
}

.f-gridH-card-body{
padding-left:15px;
width:67%;
}

.f-gridH-card-date{
color:#656565;
font-size:0.875rem;
padding-bottom:4px;
}

.f-gridH-card-topTitle,
.f-gridH-card-topTitle a,
.f-gridH-card-topTitle a:active,
.f-gridH-card-topTitle a:visited{
color:#333;
font-size:0.875rem;
padding-bottom:2px;
}

.f-gridH-card-title{
color:#333;
font-size:1rem;
font-weight:normal;
padding-bottom:1px;
}

.f-gridH-card-subTitle{
color:#333;
font-size:1rem;
padding-bottom:4px;
}

.f-gridH-card-description{
font-size:0.25rem;
padding-bottom:4px;
}

.f-gridH-seeMore{
padding-top:5px;
font-size:0.9375rem;
text-align:right;
color:#000;
font-weight:bold;
}

@media (min-width:992px){
    .f-gridH-row{
    align-items:stretch;
    hyphens:auto;
    }

    .f-gridH-card-title{
    font-size:1rem;
    }
}

/* TinySlider */
.tns-controls{
position: relative;
max-width:150px;
margin:0 auto;
}

.tns-controls div{
position:absolute;
top:-22px;
font-size:0.9375rem;
}

.tns-controls div:first-child{
left:0;
}

.tns-controls div:last-child{
right:0;
}

.tns-nav{
text-align:center;
margin:8px 0 0 0;
padding:0;
}

.tns-nav > [aria-controls]{
width:12px;
height:12px;
padding:0;
margin:0 5px;
border-radius:50%;
border:0;
overflow:hidden;
background-color:#656565;
}

.tns-nav > .tns-nav-active{
width:12px;
background-color:#BE9C56;
overflow:hidden;
border:0;
}

.playbutton-wrapper{ text-align:center; }
.playbutton-wrapper button{ height:34px; padding:0 10px; font-size:0.875rem; background:#fff; border-radius:3px; border:1px solid  #ccc; cursor:pointer; }
.wrapper{ padding:0 5em; }

.customize-tools [hidden]{ display:none; }

@-webkit-keyframes jello{
  from,
  11.1%,
  to{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
  }

  22.2%{
    -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
    transform:skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3%{
    -webkit-transform:skewX(6.25deg) skewY(6.25deg);
    transform:skewX(6.25deg) skewY(6.25deg);
  }

  44.4%{
    -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
    transform:skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5%{
    -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
    transform:skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6%{
    -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
    transform:skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7%{
    -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
    transform:skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8%{
    -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello{
  from,
  11.1%,
  to{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
  }

  22.2%{
    -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
    transform:skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3%{
    -webkit-transform:skewX(6.25deg) skewY(6.25deg);
    transform:skewX(6.25deg) skewY(6.25deg);
  }

  44.4%{
    -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
    transform:skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5%{
    -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
    transform:skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6%{
    -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
    transform:skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7%{
    -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
    transform:skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8%{
    -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello{
  -webkit-animation-name:jello;
  animation-name:jello;
  -webkit-transform-origin:center;
  transform-origin:center;
}

@-webkit-keyframes rollOut{
  from{
    opacity:1;
  }

  to{
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut{
  from{
    opacity:1;
  }

  to{
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut{
  -webkit-animation-name:rollOut;
  animation-name:rollOut;
}



/* Estilo base para o contêiner dos depoimentos APAT */
.depoimento-container {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  width: 100%; /* Depoimentos ocupam 80% da largura do container */
  margin-left: auto;
  margin-right: auto; /* Centraliza os depoimentos no container */
}

/* Cores personalizadas para o background de cada bloco */
.bg-blue {
  background-color: #00bcd4; /* Exemplo de azul claro */
}

.bg-light-blue {
  background-color: #87CEEB; /* Azul mais claro */
}

.bg-pink {
  background-color: #FFB6C1; /* Rosa claro */
}

.depoimento-texto {
  width: 70%;
}

.depoimento-imagem img {
  width: 200px;
  height: auto;
}



/* Depoimentos */
.testemonialRounded-box{
position:relative;
background-color:#fff;
border-radius:12px;
padding:25px;
margin-top:45px;
}
    
.testemonialRounded-img{
position:absolute;
width:130px;
height:130px;
left:30px;
top:-40px;
border-radius:50%;
border:2px solid #fff;
overflow:hidden;
transition:all .4s ease-in-out;
}

.testemonialRounded-box:hover .testemonialRounded-img{
border:2px solid #BE9C56;
}

.testemonialRounded-img img{
width:100%;
object-fit:contain;
}

.testemonialRounded-info{
margin-top:80px;
margin-left:0;
}

.testemonialRounded-title{
font-size:1.1rem;
font-weight:700;
padding-bottom:12px;
}

.testemonialRounded-description{
font-size:1rem;
font-weight:400;
}

@media (min-width:768px){
    .testemonialRounded-box{
    margin-left:45px;
    display:flex;
    align-items:center;
    }

    .testemonialRounded-img{
    left:-41px;
    }

    .testemonialRounded-info{
    margin-top:25px;
    margin-left:100px;
    }
}

/* Curvas das Bordas */
.border-radius-sm,
.border-radius-md,
.border-radius-lg,
.border-radius-xl{
overflow:hidden;
}

.border-radius-sm{
border-radius:8px;
}

.border-radius-md{
border-radius:12px;
}

.border-radius-lg{
border-radius:18px;
}

.border-radius-xl{
border-radius:24px;
}

/* Botão do Menu Hamburguer */ 
.btnMenu{
position:absolute;
right:9px;
display:block;
height:30px;
width:30px;
text-align:left;
padding-top:5px;
margin:0;
z-index:1000;
}

.btnMenu:hover{
cursor:pointer;
}
    
.btnMenu-bars{
display:block;
width:19px;
height:2px;
margin-left: auto;
margin-right: auto;
margin-bottom:6px;
background-color:#fff;
transition:all 0.2s ease-in-out;
overflow:hidden;
}

.btnMenu-bars:last-child{
margin-bottom:0;
}

/* X */
.nav-active .btnMenu-x .btnMenu-bars:nth-child(2){
width:0;
}

.nav-active .btnMenu-x .btnMenu-bars:nth-child(1),
.nav-active .btnMenu-x .btnMenu-bars:nth-child(3){
transition-delay:0.2s;
}

.nav-active .btnMenu-x .btnMenu-bars:nth-child(1){
transform:translateY(8px) rotate(45deg);
}

.nav-active .btnMenu-x .btnMenu-bars:nth-child(3){
transform:translateY(-8px) rotate(-45deg);
}

/* Arrow Left */
.nav-active .btnMenu-leftArrow .btnMenu-bars:nth-child(1),
.nav-active .btnMenu-leftArrow .btnMenu-bars:nth-child(3){
width:14px;
}

.nav-active .btnMenu-leftArrow .btnMenu-bars:nth-child(1){  
transform:translateY(4px) translateX(-1px) rotate(-45deg);
}

.nav-active .btnMenu-leftArrow .btnMenu-bars:nth-child(2){  
width:16px;
transform:translateX(3px);
}

.nav-active .btnMenu-leftArrow .btnMenu-bars:nth-child(3){  
transform:translateY(-4px) translateX(-1px) rotate(45deg);
}

/* Right Arrow */
.nav-active .btnMenu-rightArrow .btnMenu-bars:nth-child(1),
.nav-active .btnMenu-rightArrow .btnMenu-bars:nth-child(3){
width:14px;
}

.nav-active .btnMenu-rightArrow .btnMenu-bars:nth-child(1){  
transform:translateY(4px) translateX(6px) rotate(45deg);
}

.nav-active .btnMenu-rightArrow .btnMenu-bars:nth-child(3){  
transform:translateY(-4px) translateX(6px) rotate(-45deg);
}

.nav-active .btnMenu-rightArrow .btnMenu-bars:nth-child(2){  
width:16px;
}

@media(min-width:992px){
    .btnMenu{
    display:none;
    }
}

/* Item em destaque do menu */
.menu-1-item-highlight{
  padding-bottom:15px;
  
}

.menu-1-item-highlight a{
background-color:#BE9C56 !important;
color:#fff !important;
border-radius:4px !important;
overflow:hidden;
padding-left:15px;
padding-right:15px;
margin:15px 15px 0 15px !important;
}

.menu-1-item-highlight a:hover{
  background-color:#BE9C56 !important;
  color:#fff !important;
}

@media(min-width:992px){
  .menu-1-item-highlight{
    padding-bottom:0;
  }

  .menu-1-item-highlight a{
    border:1px solid #BE9C56 !important;
    background-color:transparent !important;
    color:#656565 !important;
    margin:0 0 0 15px !important;
  }
}

/* Cabeçalho */
.page-header{
  position:fixed;
  height:80px;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  transition:0.4s;
}

/* Estilos para garantir que cada elemento ocupe uma linha própria */
.page-header .inside-container {
  display: flex;
  flex-direction: column; /* Itens ficam um abaixo do outro */
  align-items: center; /* Alinha os itens no centro horizontalmente */
  width: 100%; /* O container ocupa 100% da largura */
  padding: 20px 0; /* Espaçamento entre os elementos */
}

.header-icons{
display:none;
}

.header-logo {
  width: 100%; /* A logo ocupa toda a largura, mas o conteúdo dentro dela é à esquerda */
}

.header-logo img {
  width: auto; /* Mantém a logo com tamanho natural */
}

.header-right{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
}

@media (min-width:992px){
    .page-header{
      position:absolute;
      top:0;
      height:110px;
    }

    .header-logo img{
      width:125px;
    }
}

@media (min-width:1200px){
    .header-logo img{
    width:150px;
    }
}

/* Ajustes específicos para o menu */
.page-mainNav {
  position: relative;
  width: 100%; /* O menu ocupa toda a largura do container */
  display: flex;
  justify-content: center; /* Centraliza o menu */
  padding: 10px 0;
}

.page-mainNav ul {
  display: flex;
  justify-content: center; /* Centraliza os itens dentro do menu */
  list-style: none;
  padding: 0;
  margin: 0;
}

.page-mainNav ul li {
  margin: 0 20px; /* Espaçamento entre os itens do menu */
}

.page-mainNav ul li a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

.page-mainNav ul li a:hover {
  color: #FED303; /* Cor de destaque ao passar o mouse */
}



/* Banner Principal */
.page-mainBanner img{
  width:100%;
  object-fit: contain;  
}

/* Rodapé */
.page-footer{
  position:relative;
  padding:1rem 0 0 0;
  margin:0;
  background:#fff;
  text-align:center;
}

.footer-logo{
  margin-bottom:1.5rem;
  padding-bottom:1.5rem;
  border-bottom:1px solid #ddd;
}

.footer-menu a,
.footer-menu a:visited,
.footer-menu a:active{
  display:inline-block;
  color:rgb(0, 0, 0);
  padding-bottom:3px;
  margin-bottom:5px;
  border-bottom:1px dashed transparent;
}

.footer-menu a:hover{
color:#000;
border-bottom:1px dashed #777;
}

.footer-social{
text-align:center;
margin-top:1.5rem;
padding-top:1.5rem;
border-top:1px solid #ddd;
}

.footer-social{
margin-bottom:1rem;
}

.footer-bottom{
padding:1rem;
text-align:center;
}

@media (min-width:992px){
    .page-footer{
    text-align:left;
    }

    .footer-logo{
    width:35%;
    margin-bottom:0;
    padding-bottom:0;
    border:0;
    }

    .footer-social{
    margin-top:0;
    padding-top:0;
    border-top:0;
    }

    .page-footer .inside-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    }
}

.app-grid .card{
margin-bottom: 24px;
}

.app-grid .card-img{
opacity:1;
transition:all .2s ease-in-out;
background-color:#fff;
}

.app-grid .card:hover .card-img{
opacity:.8;
}

/* Customização do tema */
.contactForm-text{
padding-bottom:25px;
margin-bottom:25px;
border-bottom:1px solid #ddd;
}

.contactForm .row > div{
padding-bottom:20px;
}

.contactForm .form-group-title{
padding-top:10px;
padding-bottom:5px;
margin-bottom:15px;
color:#aaa;
font-size:1.125rem;
font-weight:bold;
border-bottom:1px solid #ddd;
}

.contactForm .form-line{
border-bottom:1px solid #ddd;
padding-bottom:5px;
margin-bottom:15px;
}

.contactForm label{
margin-bottom:4px;
padding-bottom:0;
font-size:1rem;
font-weight:bold;
}

.contactForm .custom-input-file{
height:0;
overflow:hidden;
width:0;
margin:0;
padding:0;
border:0;
}

.contactForm .custom-input-file + label{
display:inline-block;	
position:relative;	
cursor:pointer;	
outline:none;
transition:all 0.3s;
vertical-align:middle;
height:calc(1.5rem + .75rem + 2px);
width:100%;
padding:0.375rem 0.75rem;
font-size:1rem;
font-weight:400;
line-height:1.5;
color:#495057;
background-color:#fff;
background-clip:padding-box;
border:1px solid #adb5bd;
border-radius:0.12rem;
-moz-border-radius:0.12rem;
-webkit-border-radius:0.12rem;
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.contactForm .custom-input-file + label:hover{
border:1px solid #212529;
}

.contactForm .custom-input-file + label i{
margin-right:.5rem;
}		

.contactForm .custom-input-file + label.upload{
overflow:hidden;
}

.contactForm .custom-input-file + label.upload:hover{
background-color:#fff;
}

.contactForm .group-title-toggle{
cursor:pointer;
margin-right:.3rem;
font-size:1.2rem;
color:#000;
}

.contactForm .input-group-text{
background:#fff!important;
}

.contactForm-submit{
text-align:center;
}

@media (min-width:992px){
    .contactForm-text{
    width:30%;
    order:2;
    padding-top:34px;
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:0;
    }

    .contactForm-wrap .contactForm-form{
    width:70%;
    order:1;    
    padding-right:30px;
    border-right:1px solid #ddd;
    margin-right:30px;
    }
    
    .contactForm .form-group-title{
    font-size:1.25rem;
    }
}

.page-title{
margin:0;
padding-top:1.25rem;
padding-bottom:1.25rem;
border-bottom:1px solid #ddd;
color:#656565;
font-size:1.25rem;
text-align:center;
}

@media (min-width:992px) 
{
    .page-title{
    padding-top:2rem;
    padding-bottom:2rem;
    font-size:1.7rem;
    text-align:left;
    }

    .page-title .inside-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    }
}

.floatBtn-whatsapp{
display:block;
position:fixed;
z-index:10;
bottom:85px;
right:10px;
height:60px;
width:60px;
border-radius:50%;
overflow:hidden;
}

.floatBtn-whatsapp a{
display:flex;
align-items:center;
justify-content:center;
height:100%;
width:100%;
background-color:#00B53C;
opacity:.7;
transition:all .35s;
}

.floatBtn-whatsapp a:hover{
opacity:1;
}

.floatBtn-whatsapp a,
.floatBtn-whatsapp a:visited,
.floatBtn-whatsapp a:active,
.floatBtn-whatsapp a:hover{
color:#fff;
}

.floatBtn-whatsapp svg{
color:#fff;
width:32px;
height:32px;
}

.goTop{
position:fixed;
z-index:150;
bottom:15px;
right:20px;
display:none;
background-color:#333;
width:45px;
height:45px;
line-height:45px;
text-align:center;
border-radius:50%;
overflow:hidden;
font-size:1.25rem;
opacity:.7;
transition:all .35s;
}

.goTop:hover{
opacity:1;
}

.goTop svg{
color:#fff;
height:32px;
width:32px;
}

.fx-pulse{
animation-name:fx-pulse;
animation-duration:2s;
animation-timing-function:ease-out;
animation-iteration-count:infinite;
}

@keyframes fx-pulse{
  0%{
    box-shadow:0 0 0 0 rgba(100, 100, 100, 0.5);
  }
  80%{
    box-shadow:0 0 0 14px rgba(100, 100, 100, 0);
  }
}

.social-buttons{
display:inline-block;
margin-right:.4rem;
width:42px;
height:42px;
line-height:42px;
text-align:center;
font-size:1.25rem;
border-radius:50%;
}

.social-buttons a:last-child{
margin-right:0;
}

@media (min-width:992px){
    .app-grid .card{
    align-items:stretch;
    }

    .app-grid .card{
    height: 100%;
    margin-bottom: 24px;
    }

    .app-grid .card-inside{
    height: 100%;
    }
}    

.vertical-panel{
position:relative;
}

.vertical-panel-title{
padding:2.5rem
}

.vertical-panel-img{
width:100%;
}

.plano-ouro,
.plano-esmeralda,
.plano-diamante{
position:relative;
border:3px solid transparent;
height:100%;
padding-bottom:1rem;
transition:all .4s ease-in-out;
}

.plano-ouro{
background-color:#F4E091;
}

.plano-ouro:hover{
border:3px solid #cc9933;
}

.plano-esmeralda{
background-color:#B7DEC3;
}

.plano-esmeralda:hover{
border:3px solid #336666;
}

.plano-diamante{
background-color:#CCDDE6;
}

.plano-diamante:hover{
border:3px solid #2D4E80;
}

.theme-bg-color-ouro{
background-color:#CC9933;
color:#fff;
}

.theme-bg-color-ouro:hover{
background-color:#a57d2b;
color:#fff;
}    

.theme-bg-color-esmeralda{
background-color:#336666;
color:#fff;
}

.theme-bg-color-esmeralda:hover{
background-color:#2a5454;
color:#fff;
}

.theme-bg-color-diamante{
background-color:#2D4E80;
color:#fff;
}

.theme-bg-color-diamante:hover{
background-color:#264067;
color:#fff;
}

.features{
padding-left:.75rem;
padding-right:.75rem;
align-items:stretch;
}

.features .card-header{
background-color:transparent;
border-bottom:1px solid #fff;
width:100%;
padding-top:3rem;
padding-left:0;
padding-right:0;
}

.features-card{
padding:1.5rem .75rem;
border:0;
}

.features .card-body i{
border:1px solid #656565;
border-radius:50%;
height:24px;
line-height:24px;
width:24px;
flex-grow: 0;
flex-shrink: 0;
flex-basis:24px;
text-align:center;
margin-right: 10px;
display:inline-block;
}

.features-card-highlight{
display:flex;
align-items:center;
justify-content:center;
}

.features-card-highlight .title-big{
margin-bottom:0;
}

.features-card-button{
width:100%;
text-align: center;
}

.features-card-button a{
width:100%;
}

.list-group-item {
display:flex;
justify-content:flex-start;
padding-left:0;
padding-right:0;
}

@media(min-width:992px){
    .vertical-panel{
    height:100%;
    }

    .vertical-panel-title{
    padding:2rem
    }

    .vertical-panel-img{
    position:absolute;
    bottom:0;
    }

    .features-card-button{
    position:absolute;
    padding-left:25px;
    padding-right:25px;
    bottom:2rem;
    left:0;
    right:0;
    }
}

@media(min-width:1200px){
    .vertical-panel-title{
    padding:3.125rem
    }
}


/* Customização da página Home */
#page-home .vertical-panel{
margin-bottom:24px;
}

.home-row-01{
align-items:stretch;
}

.home-beneficios .card{
margin-bottom:24px;
}

.home-planos{
background-image: url("../../upload/img-sobre.png");
background-repeat: no-repeat;
background-size:992px;
background-position: top center;
}

.home-planos .list-group li{
background-color:transparent;
}

.home-orgaos{
  background-image: url("../../upload/img-voluntario.jpg");
  background-repeat: no-repeat;
  background-size:100%;
  background-position: top center;
}

.home-orgaos .list-group li{
    background-color:transparent;
}

.home-dinheiro{
    background-image: url("../../upload/img-dinheiro.jpg");
    background-repeat: no-repeat;
    background-size:100%;
    background-position: top center;
}

.home-dinheiro .list-group li{
      background-color:transparent;
}

.home-tempo{
      background-image: url("../../upload/img-tempo.JPG");
      background-repeat: no-repeat;
      background-size:100%;
      background-position: top center;
}

.home-tempo .list-group li{
        background-color:transparent;
}


/* Estilização do container do campo de busca */
.search-bar-container {
  width: 100%; /* Campo de busca ocupa 100% da largura */
  padding: 10px 0; /* Espaçamento acima e abaixo do campo de busca */
}

/* Estilização do campo de busca */
.search-bar {
  width: 100%; /* Campo ocupando toda a largura do container */
  padding: 10px; /* Espaçamento interno */
  border: 1px solid #ccc; /* Borda padrão */
  border-radius: 5px; /* Arredondamento dos cantos */
  font-size: 16px; /* Tamanho da fonte */
  text-align: right; /* Alinhar o texto e o placeholder à direita */
}

/* Cor e estilo do placeholder */
.search-bar::placeholder {
  color: #888; /* Cor do placeholder */
  text-align: right; /* Alinhar o placeholder à direita */
}

/* Ajuste ao passar o mouse */
.search-bar:focus {
  border-color: #FED303; /* Cor de destaque na borda ao focar */
  outline: none; /* Remover o outline padrão */
}



/* botoes do slider */

/* Garantir que o botão só apareça no slide ativo */
.banner-tslider-image {
  position: relative;
}

.banner-tslider-image .slide-button-container {
  display: none; /* Esconde os botões por padrão */
}

.banner-tslider-image.tns-slide-active .slide-button-container {
  display: block; /* Exibe o botão apenas no slide ativo */
}

.slide-button-container {
  position: absolute;
  bottom: 20px; /* ajuste conforme necessário */
  left: 50%; /* posiciona o botão no centro horizontal do slide */
  transform: translateX(-50%);  /* centraliza o botão horizontalmente */
  text-align: center;
  z-index: 10; /* garante que o botão fique acima da imagem */
} 

.btn {
  color: white;
  background-color: transparent;
  border: 2px solid #FED303; /* Cor da borda */
  border-radius: 25px; /* Borda arredondada */
  padding: 10px 20px; /* Espaçamento interno */
  font-size: 16px; /* Tamanho da fonte */
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.btn:hover {
  background-color: #FED303;
  color: white; /* Cor do texto ao passar o mouse */
  border: 2px solid #FED303; /* Cor da borda */
}





.home-duvidas{
background: rgb(187,187,187);
background: linear-gradient(0deg, rgba(187,187,187,1) 0%, rgba(187,187,187,1) 90%, rgba(241,241,242,1) 90%);
}

.home-duvidas .inside-container{
position:relative;
text-align:center;
}    

.home-duvidas .banner-info{
padding:2rem 0;
border-top: 2px solid #656565;
}

.home-duvidas .banner-img{
max-width:60%;
text-align:center;
margin:0 auto;
}

.home-duvidas .banner-img img{
width:100%;
}

.sobre-nos-apresentacao {
  position: relative;
}

.sobre-nos-apresentacao .title{
margin-top:2rem;
}

.sobre-nos-apresentacao .image img{
width:100%;
}

.sobre-nos-summit .title-md{
font-weight:normal;
line-height:1.6;
}

.faq-card{
margin-bottom:1rem;
}

.faq-question{
display:flex;
align-items:center;
justify-content:space-between;
background-color:#fff;
font-weight: bold;
cursor:pointer;
}

.faq-answer{
transition:all .2s ease-in-out;
}

.form-faq{
display:flex;
align-items: center;
justify-content: space-between;
margin-bottom:1rem;
}

.closed-faq .faq-answer{
height:0;
padding: 0;
margin: 0;
overflow:hidden;
}

.closed-faq .faq-question{
border-bottom:0;
}

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


.faq-icon{
display:flex;
align-items:center;
justify-content:center;
min-width:30px;
height:30px;
width:30px;
overflow:hidden;
transition:all .3s ease-in-out;
background-color: #eee;
border-radius:50%;
}

.faq-question:hover .faq-icon{
background-color:#aaa;
color:#fff;
}

@media(min-width:992px){
  .sobre-nos-apresentacao .inside-container{
  align-items:center;
  }

  .sobre-nos-apresentacao .title{
    margin-top:0;
    padding-left:60px;
  }  

    #page-home .vertical-panel{
    margin-bottom:0;
    }

    .home-beneficios .row{    
    margin-bottom:24px;
    }    

    .home-beneficios .row .card{
    min-height:100%;
    }

    .home-beneficios .row:last-child{
    margin-bottom:0;
    }

    .home-planos{
    background-size:100%;
    }

    .home-duvidas{
    background: rgb(187,187,187);
    background: linear-gradient(0deg, rgba(187,187,187,1) 0%, rgba(187,187,187,1) 88%, rgba(241,241,242,1) 88%);
    }

    .home-duvidas .inside-container{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:left;
    }    

    .home-duvidas .banner-img{
    margin:0 50px 0 0;
    }

    .home-duvidas .banner-img img{
    width:auto;
    }    

    .home-duvidas .banner-info{
    margin-top:5%;
    background-color:transparent;
    padding:0;
    border-top:0;
    }
}

/* Detalhes do Post */
.post-details-imageCaption{
  padding-top:5px;
  padding-bottom:16px;
  font-size:0.8125rem;
  text-align:right;
  }
  
  .post-details-date{
  padding-bottom:16px;
  font-size:0.875rem;
  }
  
  .post-details-topTitle{
  font-size:.9375rem;
  padding-bottom:2px;
  }
  
  .post-details-title{
  margin:0;
  padding-bottom:16px;
  font-size:1.625rem;
  font-weight:normal;
  line-height:1.5
  }
  
  .post-details-user{
  display:flex;
  align-items:center;
  margin-bottom:10px;
  }
  
  .post-details-user-avatar{
  width:60px;
  margin-right:8px;
  margin-bottom:16px;
  }
  
  .post-details-user-avatar img{
  width:60px;
  overflow:hidden;
  border-radius:50%;
  }
  
  .post-details-image{
  margin-left:-27px;
  margin-right:-27px;
  }
  
  .post-details-image img{
  width:100%;
  }
  
  .post-details-content{
  margin-top:16px;
  font-size:1rem;
  line-height:1.85;
  }
  
  .post-details-content p{
  padding-bottom:10px;
  }
  
  .post-details-content img{
  max-width:100%;
  }
  
  .post-details-content h5,
  .post-details-content h4,
  .post-details-content h3,
  .post-details-content h2,
  .post-details-content h1{
  font-weight:bold;
  }
  
  .post-details-content h5{
  font-size:1.1rem;
  }
  
  .post-details-content h4{
  font-size:1.2rem;
  }
  
  .post-details-content h3{
  font-size:1.3rem;
  }
  
  .post-details-content h2{
  font-size:1.4rem;
  }
  
  .post-details-content h1{
  font-size:1.5rem;
  }
  
  .post-details-related{
  margin:32px -27px 0 -27px;
  padding:20px;
  background-color:#F5F5F5;
  }
  
  .post-details-related .block-title{
  font-size:1.375rem;
  margin-bottom:30px;
  text-align:left;
  }
  
  .post-details-related .f-gridH-row{
  padding-bottom:20px;
  border-bottom:1px solid #ddd;
  margin-bottom:20px;
  }
  
  .post-details-related .f-gridH-row:last-child,
  .post-details-related .f-gridH-col{
  padding-bottom:0;
  border-bottom:0;
  margin-bottom:0;
  }
  
  .post-details-related .f-gridH-card-image{
  aspect-ratio:1;
  width:25%;
  }
  
  .post-details-related .f-gridH-card-image img{
  height:100%;
  }
  
  .post-details-related .f-gridH-card-body{
  width:75%;
  }
  
  @media (min-width:992px){
      .post-details-mainCol{
      padding-right:30px;
      }
  
      .post-details-title{
      font-size:2rem;
      }
  
      .post-details-image{
      margin-left:0;
      margin-right:0;
      }
  
      .post-details-related{
      margin:0;
      }
      
      .post-details-related .block-title{
      font-size:1.25rem;
      margin-bottom:25px;
      }
  }

  /* Botões de Compartilhamento */
  .social-share-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:5px;
  font-size:1.125rem;
  }
  
  .share,
  .social-share a{
  display:inline-block;
  background:transparent;
  color:#777;
  width:32px;
  height:32px;
  line-height:30px;
  text-align:center;
  border-radius:50%;
  border:1px solid #ddd;
  overflow:hidden;
  transition:all .2s ease-in-out;
  }
  
  .share{
  color:#fff;
  background-color:#888;
  border:1px solid #888;
  }
  
  .share:hover{
  color:#fff;
  background-color:#333;
  border:1px solid #333;
  }
  
  .social-share a{
  margin-right:2px;
  }
  
  .social-share a:hover{
  background-color:#ddd;
  }
  
  @media (min-width:992px) 
  {
      .share,
      .social-share a{
      width:36px;
      height:36px;
      line-height:34px;
      }
  
      .social-share-whatsapp{ 
      display:none!important;
      }
  }