*{
    padding: 0;
    margin: 0; 
}

 html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* Impede a rolagem horizontal inesperada */
  }

@font-face{
      font-family:'Gotham-XLight';

src: url('../../font/Gotham-XLight.woff');

    /*  src: url('../font/gotham-book.otf');
      src: url('/font/gotham-extralight.ttf');
      src: url('/font/Gotham-Light.ttf');
      src: url('/font/Gotham-Light.woff');
      src: url('/font/Gotham-Light.woff2');
      src: url('/font/Gotham-XLight.ttf');
      src: url('/font/Gotham-XLight.woff');
      src: url('/font/Gotham-XLight.woff2');
      src: url('/font/SourceSans3-VariableFont_wght.ttf') */
 
  }
 /* Fundo escuro do modal */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}

/* Conteúdo do modal */
.modal-conteudo {
  background-color: #fff;
  margin: 10% auto;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 400px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  text-align: center;
}

/* Botão fechar */
.fechar {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

/* Ajustes para telas pequenas */
@media (max-width: 480px) {
  .modal-conteudo {
    margin: 20% auto;
    width: 95%;
    padding: 16px;
  }

  .fechar {
    font-size: 24px;
  }
}

/*TESTE*/

body{
  font-family:'Gotham-XLight';
  font-display: swap; /* Melhora o comportamento de renderização em alguns navegadores*/
  background-color:#f2f0ec;
  font-weight: bold;
}


#btnUp {

  display: none; 
  position: fixed; 
  bottom: 20px; 
  right: 30px; 
  z-index: 99; /* Garante que o botão esteja acima de outros elementos */
  border: none; 
  outline: none; /* Remove o contorno ao focar */
  background-color: #856315; /* Cor de fundo do botão */
  color: white; 
  cursor: pointer; 
  padding: 15px; /* Espaçamento interno do botão */
  border-radius: 10px; 
}

#btnUp:hover {
  background-color: #4d3807; /* Cor de fundo ao passar o mouse */
}

.menus-control-suspensao{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.control-menuLogo{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  background-color: #f2f0ec;

}

.menuLogo{
  width: 150px;
  height: 100px;
}

/*ESTILIZAÇÃO DO IDIOMA*/
.idioma, .menu-dropdown .menu-botao {
  font-size: 17px;
  border: none;
  outline: none;
  color: #a18138;
  background-color: #a18138;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  margin: 0;
  cursor: pointer;
  }



.linha-menu{
  flex-grow: 1; /* Faz com que a linha ocupe todo o espaço restante */
  height: 10px; 
  background-color: #a18138;
  border: none; 
  margin-left: 20px;
 
}


.menu{
  overflow: hidden;
  background-color:#a18138;
  font-weight: bold;
}

/*Ajuste do menu home eliminando o ligeiro espaço*/
.menu .icon{
  height: 15px;
}

/* Ajustando o ICON do menu HAMBURGUER */
.menu .active {
  height: 20px;
}

.menu a {
  float: left;
  display: block;
  color: whitesmoke;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
  font-family:'Gotham-XLight';
  font-weight: bold;
}

/*Quando visitado o link-menu agencia*/
.menu a:hover{
  color: #856315;
  cursor: pointer;
}

/* Add cor castanha escura no menu home (activo por defeito)*/

.active{
  background-color:  #856315;
  color: white;
  }

.menu .active:hover{
 background-color: #4d3807;
}

/* Oculta os links ao abrir e fechar menu em telas pequenas */
.menu .icon {
display: none;
z-index:1001;
}

/* menu-dropdown container - needed to position the menu-dropdown content */
.menu-dropdown {
float: left;
overflow: hidden;

}


/*  menu-dropdown button dentro do menu */
.menu-dropdown .menu-botao {
font-size: 17px;
border: none;
outline: none;
color: whitesmoke;
padding: 14px 16px;
background-color: inherit;
font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
margin: 0;
cursor: pointer;
font-weight: bold;
}


/* Estilização do fundo interno dos menu-dropdown (hidden by default) */

.menu-dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
/*z-index: 1;*/
font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
}

/* Estilizando os links internos do menu-dropdown */
.menu-dropdown-content a{
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
text-align: left;
display: block;
cursor: pointer;
font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
}


/*Posicionar o menu contacto*/

.menu-link{
    margin-top: 2px;
}

/*ajuste ao link dentro do butto CONTACTO*/

.menu-dropdown .menu-botao a {
  display: block; /* Faz com que o link ocupe o espaço inteiro do botão */
  color: whitesmoke; 
  text-decoration: none; 
  padding: 0; /* Remove padding extra do link */
  font-family: inherit; 
  font-weight: inherit; 
  width: 100%; /* Garante que o link ocupe a largura total */
}

.menu-dropdown .menu-botao a:hover{
  color: #856315;
  cursor: pointer;
}

/*posicionar o menu Abrir Conta*


.menu_abrirConta{
	margin-top: 2px;   
}*/

#menu_abrirConta{
  background-color: #856315;
  margin-left: 270px;
  font-weight: bold;
  flex: none; /* Impede que esse item se expanda e ocupe o espaço restante */
}

@media screen and (max-width: 1124px) {
  .menu a:not(:first-child), #menu_abrirConta {
    margin-left: 0;
  }
}

/*Add cor castanha mais escura quando visitado os dropbtn descritivos menus*/

.menu-botao:hover{
 color: #856315;

}

/* Add quando visitado os menu-dropdown links | descritivos sub-menus */
.menu-dropdown-content a:hover {
 background-color: #ac8b3e;
 color: whitesmoke;
}

.menu-dropdown:hover .menu-dropdown-content {
display: block;
}


/*RESPONSIVE MOMENTO DO MENU*/

@media screen and (max-width: 1124px) {
  .menu a:not(:first-child), .menu-dropdown .menu-botao {
    display: none;
  }

  
  .menu a.icon {
    float: right;
    display: block;
   
  }
}

@media screen and (max-width: 1124px) {
  .menu.responsive {position: relative;}
  .menu.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .menu.responsive a {
    float: none;
    display:block;
    text-align: left;
   
  }
  .menu.responsive .menu-dropdown {float: none;}
  .menu.responsive .menu-dropdown-content {position: relative;}
  .menu.responsive .menu-dropdown .menu-botao {
    display: block;
    width: 100%;
    text-align: left;
  }
}

/*.div-imagem-principal-controller{
  position: relative;
  margin-top:-50px;

  object-fit: cover;
  overflow: hidden; /* Para garantir que não haja overflow causado por margens internas *
}*/

.div-imagem-principal{
  position: relative;
  width:100%;
  height: auto;
  object-fit: cover;
  margin-top: 145px;
  overflow: hidden;  /* Para garantir que não haja overflow causado por margens internas */
}

.div-imagem-principal img{
  width:100%;
  height: auto;
}

  @media screen and (max-width: 1000px){
    .div-imagem-principal{
      width: 105%;
      margin: none;
      object-fit: cover;
      overflow: hidden; /* Para garantir que não haja overflow causado por margens internas */
      
    }

    .div-imagem-principal img{
      width:100%;
      height: auto;
      display: block; /* Para remover espaços indesejados sob a imagem */
    
      /*bottom: -1px;*/
    }
  }

/* Esconde o botão BFA OPV na barra normal em telas pequenas */
@media screen and (max-width: 1124px) {
  .menu:not(.responsive) #botao_bfa_opv {
    display: none;
  }
  
  /* Mas dentro do hamburguer (quando o menu está com .responsive), mostra */
  .menu.responsive #botao_bfa_opv {
    display: block;
    background-color: snow;
    color: #ff4500;
  }
}


/*Termina aqui o Menu-Bar */



/*MOMENTO SESSÃO Nº 0*/

.sessao_0-container{
  width: 100%;
  height: auto;
  background-color:#f2f0ec;
  display: flex;
  justify-content: center; /* Centraliza horizontalmente */
  align-items: center; /* Centraliza verticalmente */
  }
  
  .sessao_0-content h1{
  float:left;
  font-size: 50px;
  margin-top: 75px;
  color: #ac8b3e;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  margin-bottom: 55px;
  
  }
  
  .sessao_0-content{
  position: relative; /* Necessário para posicionar... */
  width: 90%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  
  }
  
  .descricao_0-Corretoravalor p{
  font-size: 25px;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  text-align: left;
  text-align: justify;
  }


  @media screen and (max-width:1124px){
      .sessao_0-content h1{
        margin:0 auto;
        font-size: 32px;
        margin-top: 45px;
        margin-bottom: 55px;
          
      }

      .sessao_0-container{
        width: 100%;
        height: auto;
        background-color:#f2f0ec;
      
        }
   	.descricao_0-Corretoravalor p{
          font-size: 18px;
        }
    }
  

/* SESSÃO 1 NOSSOS SERVIÇOS */

.sessao1-container{
  width: 100%;
  height: auto;
  /*padding: 50px;  Adiciona espaço ao redor do contêiner 
  text-align: center;*/
  background-color: #f2f0ec;
  margin: 0 auto;
 
}

.sessao1-content h2{
  float:left;
  font-size: 50px;
  margin-top: 30px;
  color: #ac8b3e;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  margin-bottom: 55px;
 
}

.sessao1-content{
  position: relative; /* Necessário para posicionar... */
  width: 90%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;


}


.controlCard_servicos{
  width: 100%;
  height: auto;
  display: flex;
  padding: none;
  /*background-color: #231010;*/
  margin-top: 10px;
  justify-content: center;
 justify-items: center;
}

.sessao_n1, .sessao_n2 {
  width: 510px;
  height: 300px;
  border-radius: 5px;
  margin: 65px;
  object-fit: cover;
  box-shadow: 5px 5px #856315;
  background-color: #f2f0ec;
  justify-content: center;
  align-items: center;
  text-align: left;
  transition: transform 0.5s;
  cursor: pointer;
  /*color:#f2f0ec;*/
  text-overflow: ellipsis;
  
}

.img-servicos {
  width: 100%;
  height: 250px;
  /*background-color: black;*/
  border-radius: 10px;
  
  }
  
  .img-servicos img{
    width: 100%;
    height: auto;
    border-radius: 5px;
  }


.sessao1-descricao-01{
  width: 250px;
  height: 50px;
  /*box-shadow: 1px 2px 3px 2px #ac8b3e;*/
  border-radius: 10px;
  text-align: center;
  /*background-color: #ac8b3e;*/
  margin: 0 auto;
  margin-top: 3px;
  transition: transform 0.5s;
}

.sessao1-descricao-01 button{
  padding: 0.5rem 1rem;
  /*text-transform: uppercase;*/
  color:white;
  /*background-color: white;*/
  border-radius: 5px;
  cursor: pointer;
  font-size: 70%;
  font-weight: bold;
  margin: 5px auto 0;
  display: block;
  border: none;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
}

.sessao1-descricao-01 h4{
  color: #856315;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  font-size: 25px;
}


.sessao1-descricao-02{
  width: 250px;
  height: 50px;
  /*box-shadow: 1px 2px 3px 2px #ac8b3e;*/
  border-radius: 10px;
  text-align: center;
  /*background-color: #ac8b3e;*/
  margin: 0 auto;
  margin-top: 3px;
  transition: transform 0.5s;
}

.sessao1-descricao-02 button{
  padding: 0.5rem 1rem;
  /*text-transform: uppercase;*/
  color:white;
  /*background-color: white;*/
  border-radius: 5px;
  cursor: pointer;
  font-size: 70%;
  font-weight: bold;
  margin: 5px auto 0;
  display: block;
  border: none;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
}

.sessao1-descricao-02 h4{
  color: #856315;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  font-size: 25px;
}


button a{
  color: black;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  font-size: 15px;
}

button a:hover{
  color: #856315;
}
.sessao_n1 button:hover{
  color: #856315;
  background-color: #ccc;
}

.sessao_n2 button:hover{
  color: #856315;
  background-color: #ccc;
}


/*COMPATIBILIDADE AOS DEMAIS NAVEGADORES*/
.sessao_n1:hover {
  -webkit-box-shadow: 5px 5px #856315;
  -moz-box-shadow: 5px 5px #856315;
  box-shadow: 5px 5px #856315;
}

.sessao_n2:hover {
  -webkit-box-shadow: 5px 5px #856315;
  -moz-box-shadow: 5px 5px #856315;
  box-shadow: 5px 5px #856315;
}

.sessao_n1, .sessao_n2 {
  /* Outros estilos... */
  -webkit-transition: transform 0.5s; /* Adicionando prefixo para WebKit */
  -moz-transition: transform 0.5s; /* Adicionando prefixo para Firefox */
  transition: transform 0.5s;
}
/* TERMINA AQUI O ICREMENTO  de COMPATIBILIDADE AOS DEMAIS NAVEGADORES*/


/*Compatibilidade com telas pequenas / MOBILE* SESSÃO Nº1 */

@media screen and (max-width:1124px){
  .sessao1-container, 
  .sessao1-content, 
  .sessao_n1,
  .sessao_n2 {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .sessao1-container{
    width: 105%;
  }
.controlCard_servicos{
  margin-top: 70px;
  flex-direction: column;
  margin-bottom: 50px;
  margin: 5px;
}

.sessao_n1{
margin-bottom: 50px;
}

.sessao_n1, .sessao_n2 {
  width: 100%;
  height: auto;
}


.img-servicos {
  width: 100%;
  height: 200px;
  
  }

.img-servicos img{
  width: 100%;
  height: auto;
}

.sessao1-content h2{
  float: left;
  font-size: 32px;
}

}



/* SESSÃO 2 - INVESTIMENTOS */

.sessao2-container{
  width: 100%;
  height: auto;
  background-color:#f2f0ec;
  }
  
  .sessao2-content{
  position: relative; /* Necessário para posicionar*/
  width: 90%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-bottom: 120px;
  top: 50px;
  background-color:#f2f0ec;
  /*background-color: #856315;*/
  }
  
  .sessao2-content h2{
  float:left;
  font-size: 50px;
  margin-top: 30px;
  color: #ac8b3e;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  margin-bottom: 55px;

  }
  
  .controler-investimentos{
  position: relative; /* Necessário para posicionar o h*/
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  top: 40px;
 /* margin-bottom: 120px;*/
  }
  
  .investimentos{
  position: relative; /* Necessário para posicionar o h */
  width: 45%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0 auto;
  /*background-color: red;*/
  
  }

  .investimentos a:hover{
  color:#4d3807;
  }
  
  .investimentos-img{
  float:right;
  width: 55%;
  height: auto;
  /*background-color: black;*/
  }
  
  .investimentos-img img{
  box-shadow: 2px 18px 20px 5px #4d3807;
  }

/*OS CIRCULOS DE INESTIMENTOS*/

.sessao1, .sessao2, .sessao3, .sessao4 {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  margin: 30px;
  margin-left: 150px;
  object-fit: cover;
  box-shadow: 2px 3px 2px 2px #ac8b3e;
  background-color: whitesmoke;
  /*flex-direction: column;*/
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: transform 0.5s;
  cursor: pointer;
  bottom: -100px;
}

.sessao1 h4,
.sessao2 h4,
.sessao3 h4,
.sessao4 h4
 {
  color: #856315;
  margin-top: -30px;
  margin-left: 90px;
  font-size: 25px;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  } 

  
  .sessao1 h4:hover,
.sessao2 h4:hover,
.sessao3 h4:hover,
.sessao4 h4:hover
  {
    opacity: 50%;
  }


        .icone-investimentos:hover {
          animation: sessao1 0.5s infinite alternate;
        }
        
        .icone-investimentos:hover {
          animation: sessao2 0.5s infinite alternate;
        }
        
        .icone-investimentos:hover {
          animation: sessao3 0.5s infinite alternate;
        }
        
        .icone-investimentos:hover {
          animation: sessao4 0.5s infinite alternate;
        }
        
        @keyframes sessao1 {
          0% {
            transform: rotate(-10deg);
          }
          100% {
            transform: rotate(10deg);
          }
        }
        
        @keyframes sessao2 {
          0% {
            transform: rotate(-10deg);
          }
          100% {
            transform: rotate(10deg);
          }
        }
        
        @keyframes sessao3 {
          0% {
            transform: rotate(-10deg);
          }
          100% {
            transform: rotate(10deg);
          }
        }
        
        @keyframes sessao4 {
          0% {
            transform: rotate(-10deg);
          }
          100% {
            transform: rotate(10deg);
          }
        }
    
        /*Compatibilidade com telas pequenas - SESSAO 2*/
        
        @media screen and (max-width: 1000px) {
          .sessao2-container, 
          .sessao2-content,
          .controler-investimentos
          {
            width: 100%;
            height: auto;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin: 0 auto;
          }

          .sessao2-container{
            width: 105%;
          }
          .controler-investimentos{
            margin-bottom:100px;
           
          }

          .investimentos{
            width: 100%;
            flex-direction: column;
            margin-bottom: 10px;
            float: left;
            margin: 0 auto;
          }
         
          .investimentos-img{
            width: 100%;
            height: auto;
          }

          .sessao2-content h2{
              float: left;
              font-size: 32px;
	       margin: 0 auto;
             /* margin-left: 60px;*/
            }
          .sessao1 h4, .sessao2 h4, .sessao3 h4, .sessao4 h4{
            color: #856315;
            margin-top: -30px;
            margin-left: 90px;
            font-size: 25px;
            font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
          }

	.sessao1 h4{
  	font-size: 16px;
	}
	.sessao2 h4{
  	font-size: 16px;
	}

	.sessao3 h4{
  	font-size: 16px;
	}

	.sessao4 h4{
  	font-size: 16px;
	}

        }        



/*SESSÃO 3*/

.container-bodiva{
  width: 100%;
  height: auto;
  background-color:#f2f0ec;
}

.content-bodiva{
  width: 90%;
  height: auto;
  margin: 0 auto;
 
}

.content-bodiva h2{
  float:left;
  font-size: 50px;
  margin-top: 30px;
  color: #ac8b3e;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  margin-bottom: 25px;
}
.content-bodiva h4{
float: right;
color: #1d170b;
margin-top: 35px;

}

.info-resultados{
  width: 100%;
  height: auto;
  background-color:#f2f0ec;
  margin-bottom: 30px;
  /*box-shadow: 2px 3px 2px 2px #ac8b3e;
  text-align: right;*/
  overflow: hidden; /* Esconde o conteúdo que ultrapassa as dimensões */
}

.table-container{
  overflow-x: auto; /* Adiciona scroll horizontal quando necessário */
}

table{
  width: 100%;
  border-collapse: collapse; /* Remove espaços entre as células */
  white-space: nowrap; /* Evita que o texto quebre em várias linhas */
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  text-align: left;
}

#valoresBodiva{
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  border-collapse: collapse;
  width: 100%;
}

#valoresBodiva td, #valoresBodiva th {
  border: 1px solid #ddd;
  padding: 8px;
}

#valoresBodiva tr:nth-child(even){background-color: #f2f2f2;}

#valoresBodiva tr:hover {background-color: #ac8b3e;;}

#valoresBodiva th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #856315;;
  color: white;
}

/*Compatibilidade com telas pequenas sessao 3*/

@media screen and (max-width:1124px) {
  .container-bodiva, 
  .content-bodiva, 
  .info-resultados
  {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    
  }

  .content-bodiva h2{
     margin: 0 auto;
    /*margin-left: 80px;*/
    font-size: 32px;
  }
  .table-container{
    overflow-x: auto; /* Adiciona scroll horizontal quando necessário */
  }

}


/*MOMENTO PAGINAS - PAGINA CUSTODIA*/


.info-custodia-container{
width: 100%;
height: 400px;
background-color: #f2f0ec;

}

.info-custodia-content{
    width: 80%;
    height: auto;
    margin: 0 auto;
    font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
}

.info-custodia-content h2{
        left: 15px;
        color: #856315;
        font-size: 40px;
        margin-bottom: 30px;
        padding: 15px 0 0;
}

.info-custodia-content p{
  float: left;
  font-size: 20px;
  margin-bottom: 20px;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  text-align: justify;
}

/*TELAS MENORES*/

@media screen and (max-width:1124px) {
  .info-custodia-content p{
    font-size: 20px;
  }

  .info-custodia-content h2{
    font-size: 35px;
    margin-bottom: 10px;
}
}

/*MOMENTO PAGINAS - PAGINA INTERMEDIAÇÃO*/

.info-intermediacao-container{
    width: 100%;
    height: 500px;
    background-color: #f2f0ec;

    }
    
    .info-intermediacao-content{
        width: 80%;
        height: auto;
        margin: 0 auto;
        font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';

      }

      .info-intermediacao-content h2{
        left: 15px;
        color: #856315;
        font-size: 40px;
        margin-bottom: 30px;
        padding: 15px 0 0;
      }

      .info-intermediacao-content p{
        float: left;
        font-size: 20px;
        margin-bottom: 20px;
        font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
        text-align: justify;
      }

@media screen and (max-width:1124px) {
    .info-intermediacao-container{
      width: 100%;
      height: 700px;
    }

    .info-intermediacao-content h2{
      font-size: 35px;
      margin-bottom: 20px;
    }

    .info-intermediacao-content p{
      font-size: 20px;
    }

}
    

    /*MOMENTO PAGINAS - PAGINA ACÇÕES*/

    .info-accoes-container{
        width: 100%;
        height: 400px;
        background-color: #f2f0ec;
        text-align: justify;
        }
        
        .info-accoes-content{
          width: 80%;
          height: auto;
          margin: 0 auto;
          font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
          text-align: justify;
        }
    
    
        .info-accoes-container h2{
          left: 15px;
          color: #856315;
          font-size: 40px;
          margin-bottom: 30px;
          padding: 15px 0 0;
        }
        
        .info-accoes-content p{
          float: left;
          font-size: 20px;
          margin-bottom: 20px;
          font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
          text-align: justify;
        }
    /* PARA TELAS MENORES */

        @media screen and (max-width:1124px) {
          .info-accoes-content p{
            font-size: 18px;
            margin-bottom: 20px;
          }

          .info-accoes-container h2{
            font-size: 24px;
            margin-bottom: 10px;
          }
      
        }

/*MOMENTO PAGINAS - PAGINA Obrigações*/

.info-obrigacoes-container{
    width: 100%;
    height: 400px;
    background-color: #f2f0ec;

    }
    
    .info-obrigacoes-content{
        width: 80%;
        height: auto;
        margin: 0 auto;
        font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
    }


    .info-obrigacoes-content h2{
        left: 15px;
        color: #856315;
        font-size: 40px;
        margin-bottom: 30px;
        padding: 15px 0 0;
    }
    
    .info-obrigacoes-content p{
        float: left;
        font-size: 20px;
        margin-bottom: 20px;
        font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
        text-align: justify;
    }

    @media screen and (max-width:1124px) {
      .info-obrigacoes-container{
        width: 100%;
        height: 500px;
      }

 .info-obrigacoes-content p{
        font-size: 18px;
        margin-bottom: 20px;
    }

    .info-obrigacoes-content h2{
      font-size: 24px;
      margin-bottom: 15px;
    
  }

    }

/*MOMENTO PAGINAS - PAGINA Repo*/

.info-repo-container{
    width: 100%;
    height: 400px;
    background-color: #f2f0ec;

    }
    
    .info-repo-content{
        width: 80%;
        height: auto;
        margin: 0 auto;
        font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
    }


    .info-repo-content h2{
        left: 15px;
        color: #856315;
        font-size: 40px;
        margin-bottom: 30px;
        padding: 15px 0 0;
    }
    
    .info-repo-content p{
        float: left;
        font-size: 20px;
        margin-bottom: 20px;
        font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
        text-align: justify;
    }
/* PARA TELAS MENORES */

@media screen and (max-width:1124px) {
  .info-repo-content p{
    font-size: 18px;
    margin-bottom: 20px;
  }

  .info-repo-content h2{
    font-size: 24px;
    margin-bottom: 10px;
    
}

}

/*MOMENTO PAGINAS - PAGINA UDP*/

.info-udp-container{
  width: 100%;
  height: 400px;
  background-color: #f2f0ec;

  }
  
  .info-udp-content{
      width: 80%;
      height: auto;
      margin: 0 auto;
      font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  }


  .info-udp-content h2{
      left: 15px;
      color: #856315;
      font-size: 40px;
      margin-bottom: 30px;
      padding: 15px 0 0;
  }
  
  .info-udp-content p{
    
    float: left;
    font-size: 20px;
    margin-bottom: 20px;
    font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
    text-align: justify;
  }
/* PARA TELAS MENORES */

@media screen and (max-width:1124px) {
  .info-udp-content p{
    font-size: 18px;
    margin-bottom: 20px;
  }

  .info-udp-content h2{
    font-size: 24px;
    margin-bottom: 10px;
    
}

}

/*MOMENTO PAGINAS - PAGINA QUEM SOMOS*/

.info-quemsomos-container{
        width: 100%;
        height: auto;
        background-color: #f2f0ec;
    
        }
        
        .info-quemsomos-content{
            width: 80%;
            height: auto;
            margin: 0 auto;
            font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
        }
    
    
        .info-quemsomos-content h2{
            left: 15px;
            color: #856315;
            font-size: 40px;
            margin-bottom: 30px;
            padding: 15px 0 0;
        }

        .info-quemsomos-content h3{
          color: #856315;
          font-size: 40px;
          
      }

      .info-quemsomos-content ul, li{
        font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
        font-size: 20px;
       
    }

    .info-quemsomos-content ul{
      margin-bottom: 30px;
  }
        
        .info-quemsomos-content p{
            float: left;
            font-size: 20px;
            margin-bottom: 20px;
            font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
            text-align: justify;
        }

        @media screen and (max-width:1124px) {
            .info-quemsomos-container{
              height: auto;
              padding: 5px;
            }
    	    .info-quemsomos-content h2{
              font-size: 24px;
              margin: 0 auto;
            }
            .info-quemsomos-content h3{
              font-size: 24px;
              margin: 0 auto;
            }

            .info-quemsomos-content p{
              font-size: 18px;
            }          
        }

/*MOMENTO PAGINAS - PAGINA ORGAOS SOCIAIS*/

.orgaosSocias-container {
    width: 100%;
    height: 650px;
    background-color: #f2f0ec;
    
}

.orgaosSocias-content{
  width: 80%;
  height: auto;
  margin: 0 auto;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
}

.orgaosSocias-content li a:hover{
color: #856315;
}

.orgaosSocias-content h2{
    left: 15px;
    color: #856315;
    font-size: 40px;
    font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
    margin-bottom: 30px;
    padding: 15px 0 0;
}

.orgaosSocias-content h3 {
  color: #856315;
  font-size: 20px;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
}

.orgaosSocias-content li{
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  font-size: 20px;
  margin-left: 40px;
}

.orgaosSocias-content p{
  float: left;
  font-size: 20px;
  margin-bottom: 20px;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
}

.auditorexterno {
    margin-bottom: 20px;
}

@media screen and (max-width:1124px) {
  .orgaosSocias-container{
    width: 100%;
    height: auto;
    padding: 5px;
  }
.orgaosSocias-content h2{
    font-size: 24px;
    margin: 0 auto;
    margin-bottom:30px;
  }

  .orgaosSocias-content ul h3{
    font-size: 20px;
    margin: 0 auto;
  }

  .orgaosSocias-content p{
    font-size: 18px;
  }
}



/*## PAGINA CAPITAL SOCIAL E ACCIONISTAS */

.capital_accionistas-container{
  width: 100%;
  height: 300px;
  background-color: #f2f2f2;
}
.capital_accionistas-content{
  width: 80%;
  height: auto;
  margin: 0 auto;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','Gotham-book','Gotham-extralight',
  'Gotham-Light','Gotham-XLight';
}



.capital_accionistas-container h2{
  left: 15px;
  color: #856315;
  font-size: 40px;
  margin-bottom: 30px;
  padding: 15px 0 0;
}

.capital_accionistas-content p{
  float: left;
  font-size: 20px;
  margin-bottom: 20px;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','Gotham-book','Gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  text-align: justify;
}

@media screen and (max-width:1124px) {
  .capital_accionistas-info-content{
    height: auto;
    
  }

  .capital_accionistas-container{
    height: 450px;
  }
  
}


/*## ESTRUTURA ORGÂNICA ##*/

.estrutura_organica-container{
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
}

.estrutura_organica-content {
  width: 80%;
  height: auto;
  /*max-width: 1200px;  Define um limite para centralizar */
  margin: 0 auto;
  font-family: 'Gotham-XLight', 'SourceSans3-VariableFont_wght', 'Gotham-book', 
               'Gotham-extralight', 'Gotham-Light', 'Gotham-XLight';
  /*text-align: center;  Centraliza o texto */
}

.estrutura_organica-content .div-imagem-principal{

  margin-top: 0;

}

/*
.estrutura_organica-content{
  width: 100%;
  height: auto;
  margin: 0 auto;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','Gotham-book','Gotham-extralight',
  'Gotham-Light','Gotham-XLight';
} */

.estrutura_organica-content h2 {
  font-size: 32px;
  font-weight: bold;
  color: #856315; 
  display: block; 
  margin-bottom: 20px;
}


@media screen and (max-width:1124px) {
  .estrutura_organica-content{
    height: auto;
    
  }

  .estrutura_organica-container{
    height: 450px;
  }
  
}



/*MOMENTO PAGINAS - GOVERNO CORPORATIVO*/

/*Está imbutido no Código*/

.container-accordion{
  width: 100%;
  background-color:  #f2f0ec;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
}


/*MOMENTO PAGINAS - CONTACTOS */

/*Primeiro Conteudo*/

/* Estilização base */
.contact-container {
  position: relative;
  width: 100%;
  margin-top: 145px;
}

.contact-image {
  position: relative;
  width: 100%;
  height: 449px;
}

.contact-image img {
  width: 100%;
  height: auto;
  display: block;
}

.contact-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}

.contact-text {
  width: 80%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  color: #856315;
  margin-bottom:50px;
}

.contact-text2 {
  width: 100%;
  text-align: center;
  margin-left: 450px;
}

.contact-text3 {
  width: 100%;
  text-align: center;
  margin-left: 470px;
}

.contact-text4 {
  width: 100%;
  text-align: center;
  margin-left: 480px;
}

.contact-text2 h2 {
  font-size: 3rem;
  font-weight: bold;
}

.contact-text3 h3 {
  font-size: 4rem;
  color: #856315;
}

.contact-text4 p {
  font-size: 1.5rem;
  line-height: 1.5;
  color: black;
  text-align: justify;
  max-width: 100%;
}

/* Responsividade */
@media (max-width: 768px) {
  .contact-text2 h2 {
    font-size: 2.5rem;
  }

  .contact-text3 h3 {
    font-size: 2rem;
  }

  .contact-text4 p {
    font-size: 1.25rem;
    max-width: 90%;
  }
}

/*## PAGINA CURRÍCULO DOS ORGÃOS */


.orgaos_sociais-Agbessi-info-container, 
.orgaos_sociais-Patricia-info-container, 
.orgaos_sociais-Goncalo-info-container, 
.orgaos_sociais-Marcos-info-container,
.orgaos_sociais-Claudio-info-container,
.orgaos_sociais-Junior-info-container, 
.orgaos_sociais-Joao-info-container, 
.orgaos_sociais-Churchill-info-container,
.orgaos_sociais-fernando-info-container,
.orgaos_sociais-albertoganda-info-container
{
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
}

.orgaos_sociais-Agbessi-info-content, 
.orgaos_sociais-Patricia-info-content, 
.orgaos_sociais-Goncalo-info-content,
.orgaos_sociais-Marcos-info-content,
.orgaos_sociais-Junior-info-content,
.orgaos_sociais-Churchill-info-content,
.orgaos_sociais-Joao-info-content, 
.orgaos_sociais-Claudio-info-content,
.orgaos_sociais-fernando-info-content, 
.orgaos_sociais-albertoganda-info-content
{
  width: 80%;
  height: auto;
  margin: 0 auto;
  font-family: 'Gotham-XLight', 'SourceSans3-VariableFont_wght', 'Gotham-book', 
               'Gotham-extralight', 'Gotham-Light', 'Gotham-XLight';
}

/* Aplicação de h2 */
.orgaos_sociais-Agbessi-info-container h2,
.orgaos_sociais-Patricia-info-container h2,
.orgaos_sociais-Goncalo-info-container h2,
.orgaos_sociais-Marcos-info-container h2,
.orgaos_sociais-Junior-info-container h2, 
.orgaos_sociais-Churchill-info-container h2,
.orgaos_sociais-Joao-info-container h2,
.orgaos_sociais-Claudio-info-container h2,
.orgaos_sociais-fernando-info-container h2,
.orgaos_sociais-albertoganda-info-container h2
{
  left: 15px;
  color: #856315;
  font-size: 40px;
  margin-bottom: 30px;
  padding: 15px 0 0;
}

/* Aplicação de h3 */
.orgaos_sociais-Agbessi-info-content h3,
.orgaos_sociais-Patricia-info-content h3,
.orgaos_sociais-Goncalo-info-content h3,
.orgaos_sociais-Marcos-info-content h3,
.orgaos_sociais-Junior-info-content h3,
.orgaos_sociais-Churchill-info-content h3,
.orgaos_sociais-Joao-info-content h3,
.orgaos_sociais-Claudio-info-content h3,
.orgaos_sociais-fernando-info-content h3, 
.orgaos_sociais-albertoganda-info-content h3
{
  color: #856315;
}

/* Aplicação de ul */
.orgaos_sociais-Agbessi-info-content ul,
.orgaos_sociais-Patricia-info-content ul,
.orgaos_sociais-Goncalo-info-content ul,
.orgaos_sociais-Marcos-info-content ul,
.orgaos_sociais-Junior-info-content ul,
.orgaos_sociais-Churchill-info-content ul,
.orgaos_sociais-Joao-info-content ul,
.orgaos_sociais-Claudio-info-content ul,
.orgaos_sociais-fernando-info-content ul, 
.orgaos_sociais-albertoganda-info-content ul
{
  list-style-type: none;
}

/* Responsividade */
@media screen and (max-width: 1124px) {
    
  .orgaos_sociais-Agbessi-info-container,
  .orgaos_sociais-Patricia-info-container,
  .orgaos_sociais-Goncalo-info-container,
  .orgaos_sociais-Marcos-info-container,
  .orgaos_sociais-Junior-info-container,
  .orgaos_sociais-Churchill-info-container,
  .orgaos_sociais-Joao-info-container,
  .orgaos_sociais-Claudio-info-container,
  .orgaos_sociais-fernando-info-container,
  .orgaos_sociais-albertoganda-info-container
  {
    height: auto;
  }
  .orgaos_sociais-Agbessi-info-content,
  .orgaos_sociais-Patricia-info-content,
  .orgaos_sociais-Goncalo-info-content,
  .orgaos_sociais-Marcos-info-content,
  .orgaos_sociais-Junior-info-content,
  .orgaos_sociais-Churchill-info-content,
  .orgaos_sociais-Joao-info-content,
  .orgaos_sociais-Claudio-info-content,
  .orgaos_sociais-fernando-info-content, 
  .orgaos_sociais-albertoganda-info-content
  {
    height: auto;
  }


}









  
  /*############################################*/


  /* Segundo conteudo */
  
  .contacto-container {
  justify-content: space-around; /* Distribui as divs igualmente ao longo do container */
  background-color: #f2f2f2;
  padding: 20px;
  text-decoration: none;
  
  }
  
  .contacto-content {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  justify-content: center;
  justify-items: center;
  
  }
  
  .contacto1, .contacto2, .contacto3{
  width: 300px; /* Define a largura de cada div de conteúdo */
  height: 100px;
  padding: 10px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); /* Adiciona uma sombra suave */
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  margin: 10px;
  }
  
  .contacto1 h2 {
  margin-bottom: 3px;
  color: #856315;
  }
  
  .contacto2 h2 {
  margin-bottom: 3px;
  color: #856315;
  }
  
  .contacto3 h2 {
  margin-bottom: 3px;
  color: #856315;
  }
  
  .contacto1 p, a {
  color: black;
  text-decoration: none;
  font-size: 20px;
  }
  
  .contacto-ifram-container {
  width: 100%;
  height: 300px;
  display: flex;
  background-color: #f2f0ec;
  margin-top: 30px;
  margin-bottom: 15px;
  
  }
  
  .contacto-ifram-content {
  width: 100%;
  display: flex;
  
  }
  
  .contacto1 a:hover{
  color:#4d3807;
  }
  
  .contacto-iframaMaps {
  width: 100%; /* Defina a largura desejada para o mapa */
  height: 300px;
  
  }
  
  /* Ajustar a div de contato e outros textos */
  
  .contacto-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Distribui os itens de forma equilibrada */
  padding: 20px;
  }
  
  .contacto1, .contacto2, .contacto3 {
  flex: 1 1 30%; /* Cada bloco ocupa 30% da largura, mas pode encolher ou crescer */
  margin: 10px;
  }
  
  .contacto1 h2, .contacto2 h2, .contacto3 h2 {
  font-size: 1.5em;
  color: #333;
  }
  
  .contacto1 p, .contacto2 a, .contacto3 p {
  font-size: 1em;
  color: #000;
  }
  
  /* PARA TELA MENORES */
  
  /* Ajustes para telas menores a 1124px */
  /*@media screen and (max-width: 1124px) {
  .contacto1, .contacto2, .contacto3{
    width: 200px;*/ /* Define a largura de cada div de conteúdo */
   /* height: 100px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/ /* Adiciona uma sombra suave */
   /* font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
    'Gotham-Light','Gotham-XLight';
    margin: 10px;
  }*/
  /*
  .contacto1 p {
    color: black;
    text-decoration: none;
    font-size: 15px;
  }
  
  .contacto3 p {
    color: black;
    text-decoration: none;
    font-size: 15px;
  }
  
  .contacto2 a {
    color: black;
    text-decoration: none;
    font-size: 15px;
  
  }
  
  }*/
  
  
  /* Responsividade e ajustes suaves */
  
  /* Defina a largura da página para se adaptar ao dispositivo */

  @media screen and (max-width: 1124px) {
  
  /* Seção de imagem e texto */
  .img-contacto {
    left: 5%;
    width: 90%; /* Ajuste a largura */
    top: 150%; /* Ajuste a posição de forma suave */
  }
  
  .contactenos-contacto, .telemovel-contacto {
    width: 90%; /* Ajuste a largura para se adaptar melhor à tela */
    margin: 15px auto; /* Mantém a margem de forma centralizada */
    padding: 10px;
    max-width: 90%; /* Evita ultrapassar o limite da tela */
  }
  
  .contactenos-contacto h2, .telemovel-contacto h2 {
    font-size: 2.5em;  /* Ajuste o tamanho de forma moderada */
  }
  
  .texto-contacto {
    width: 50%; /* Ajuste a largura para se adaptar melhor à tela */
   /* margin: 0 auto;  Mantém a margem de forma centralizada */
    padding: 10px;
    max-width: 50%; /* Evita ultrapassar o limite da tela */
    
  }
  
  .texto-contacto p {
    width: 90%;
    height: 15%;
    margin-left: 15%;
    font-size: 1px; /* Ajuste de fonte para telas menores */
    text-align: justify;
  }
  
  .contacto1, .contacto2, .contacto3 {
    width: 100%; /* As colunas vão ocupar toda a largura */
    margin: 15px 0; /* A margem está ajustada para espaçar corretamente */
    padding: 20px;
  }
  
  .contacto1 h2, .contacto2 h2, .contacto3 h2 {
    font-size: 1.5em;  /* Ajuste moderado no tamanho do título */
  }
  
  .contacto1 p, .contacto2 a, .contacto3 p {
    font-size: 1em;  /* Tamanho adequado para textos */
  }
  
  /* Ajuste do mapa */
  .contacto-ifram-container {
    height: 250px;  /* Ajuste a altura do mapa */
  }
  }
  
  
  

  
  
  /* Para dispositivos maiores (exemplo: tablets, telas médias) */

  @media screen and (max-width: 900px) {
  .contactenos-contacto, .telemovel-contacto, .texto-contacto {
    width: 80%; /* Ajusta a largura das colunas */
    margin: 20px auto;
    padding: 10px;
  }
  
  .contacto1, .contacto2, .contacto3 {
    width: 45%;  /* Ajuste para dois itens por linha */
    margin: 15px;
    padding: 20px;
  }
  
  .contacto1 h2, .contacto2 h2, .contacto3 h2 {
    font-size: 1.4em;
  }
  
  .contacto1 p, .contacto2 a, .contacto3 p {
    font-size: 1em;
  }
  }
  
  /* Para telas grandes */
  @media screen and (min-width: 1200px) {
  .contacto1, .contacto2, .contacto3 {
    width: 30%; /* Coloca 3 colunas em telas maiores */
  }
  
  .contactenos-contacto, .telemovel-contacto, .texto-contacto {
    width: 60%;  /* Ajuste para maior espaço em telas grandes */
  }
  
  .contactenos-contacto h2, .telemovel-contacto h2 {
    font-size: 3.5em; /* Tamanho maior para telas grandes */
  }
  }
  

/*PÁGINA RECRUTAMENTO*/

.recrutamento-info-container{
  width: 100%;
  height: 300px;
  background-color: #f2f2f2;
}
.recrutamento-info-content{
  width: 80%;
  height: auto;
  margin: 0 auto;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
}



.recrutamento-info-container h2{
  left: 15px;
  color: #856315;
  font-size: 40px;
  margin-bottom: 30px;
  padding: 15px 0 0;
}

.recrutamento-info-content p{
  float: left;
  font-size: 20px;
  margin-bottom: 20px;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght','gotham-book','gotham-extralight',
  'Gotham-Light','Gotham-XLight';
  text-align: justify;
}

@media screen and (max-width:1124px) {
  .recrutamento-info-content{
    height: auto;
    
  }

  .recrutamento-info-container{
    height: 450px;
  }
  
}

/*RODAPE*/

/* ################## */

.rodape{
  width: 100%;
  background-color: #856315;
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
  padding: 20px 0;
  margin-top: 30px;
}

.rodape-content{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 5px;
  font-family: 'Gotham-XLight','SourceSans3-VariableFont_wght-XLight','SourceSans3-VariableFont_wght';
}

.rodape-rodape1, .rodape-rodape2, .rodape-rodape3, .rodape-rodape4, .rodape-rodape5 {
  width: 200px;
  margin: 2px;
  box-sizing: border-box;
}

.rodape-rodape1 {
  width: 300px;
  margin: 5px;
  box-sizing: border-box;
  /*background-color: #231010;*/
  align-items: center;
  justify-items: center;
 
}

.rodape-rodape1 img {
  display: block;
  /*margin: 0 auto 2px;*/
  width: 65%;
  height: auto;
  margin-top: -50px;
 margin: -50px 20px auto 50px;
 
}

@media (max-width:1124px){
    
  .rodape-rodape1 img {
  display: block;
  /*margin: 0 auto 2px;*/
  width: 65%;
  height: auto;
  margin-top: -46px;
 margin: -46px 20px auto 50px;
    
}
}

.rodape-rodape2 ul {
  padding-left: 0;
  margin-top:1px;
}

.rodape-rodape2 ul li {
  color: #f2f0ec;
  margin: 2px 0;
}

.rodape-rodape3 a:hover{
  opacity: 50%;
}

.rodape-rodape2 a {
  text-decoration: none;
  color: inherit;
}

.rodape-rodape2 a:hover {
  text-decoration: none;
  opacity: 50%;
}

.rodape-rodape2, .rodape-rodape4 {
  color: #f2f0ec !important; 
}


.rodape-rodape1, .rodape-rodape2, .rodape-rodape3, .rodape-rodape4, .rodape-rodape5 h3 {
  color: #f2f0ec;
  float: left;

}

.rodape-rodape4 p {

  margin: 1px 0; /* Adiciona espaçamento entre os parágrafos */
}

.rodape-rodape4 ul li a{
  color: #f2f0ec;
  margin: 5px 0;
}
.rodape-rodape4 ul li a:hover{
 opacity: 50%;
}


.rodape-rodape4 ul li:first-child {
  margin-top: -5px; 
}

/*
.rodape-rodape4 h3{
  margin-bottom: 2px;
  }*/
.rodape-rodape5 h3{
  margin-bottom: 5px;
  margin-left: -5px;
}

.rodape-rodape5 #formulario_rodape{
 margin: 0 auto;
}

.rodape-rodape5 input[type="email"] {
  padding: 5px;
  border-radius: 5px;
  width: 100%; 
  margin: 0 auto;
  margin: 1px;
  margin-left: -5px; /* remove o espaço entre os inputs */
}

.rodape-rodape5 input[type="submit"] {
  background-color: #f2f0ec; 
  width: 50%;
  height:30px;
  color: #856315;
  border: none;
  padding: 5px; 
  border-radius: 5px; 
  cursor: pointer;
  transition: background-color 0.3s;
  margin-left: 2px;
  font-weight: bold;
  text-align: center;
  margin-left: -5px; /* remove o espaço entre os inputs */
  /*margin: 1px;*/
}

.rodape-rodape5 input[type="submit"]:hover {
  opacity: 25%;
  /*background-color: #856315; */
}



/* AJUSTE PARA TELAS PEQUENAS */

@media (max-width: 1000px) {
  .rodape, .rodape-content {
    justify-content: center;
  }
  .rodape-rodape1, .rodape-rodape2, .rodape-rodape3, .rodape-rodape4 {
    width: 100%;
    text-align: center;
    align-items: center;
   
  }
  .rodape-rodape4 h3{
   margin: 0 110px;
  }
}

@media screen and (max-width:1000px) {
  .rodape{
    padding: 5px;
  }
}



/*MOMENTO ESILIZAÇÃO PAINEL DE CONTROLE - FORMULÁRIO*/

.layout{
  width: 100%;
  height: 100%;
}

.container_login{
  position: relative;
  width: 100%;
  height: 100%;

}

.content_login{
  width: 400px;
  height: 400px;
  /*background-color: #1d170b;*/
  margin:  0 auto;
  margin-top:10%;
  
}

.telaLogin{
  position: relative;
  width: 200px;
  height: auto;
  margin: 0 auto;
  margin-top: 200px;
  }

  .msg{
    position: absolute;
    width: 250px;
    height: auto;
    margin-top: -30px;
  }

 .formLogin{
    position: relative;
    width: 200px;
    height: auto;
    display: flex;
    margin: 0 auto;
  
    }

  input{
    width: 200px;
    height: 20px;
    margin: 5px;
    border-radius: 5px;
  }

  .formLogin #btn_Entrar{
    width: 205px;
    height: 20px;
    cursor: pointer;
  }

/*PAINEL DE CONTROLE - ADMIN CORRETORA TABELA*/
.tabela1 {
  width: auto;
  height: auto;
  margin: 0 auto;
  box-shadow: 5px 3px 8px black;
}

table {
  border-collapse: collapse; /*Borda das alinhas da tabela */
  width: 100%;
}

td{
 
  font-weight: bold;
}
td,
th {
  text-align: center;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #b9a251; /*Fundo das alinhas da tabela */
}

/*h2 {
  bottom: 5%;
  top: 10%;
  box-shadow: 5px 3px 8px #b9a251;
}*/

#telaLogin {
  margin: 0 auto;
  color: whitesmoke;
  text-align: center;
  justify-content: center;
  margin-bottom: 10px;
  box-shadow: 5px 3px 8px white;
}

#Padminnormativos {
  margin: 0 auto;
  color: #866a2a;
  text-align: center;
  justify-content: center;
}

#alterarNormativos,
#excluirNormativos,
#inserirNormativos {
  position: relative;
  width: 75%;
  height: 100%;
  margin: 0 auto;
  padding: 5%;
  background-color: #866a2a;

}

#h3Update {
  margin: 0 auto;
  color: #f5f5f5;
  text-align: center;
  justify-content: center;
}

/* Botões do Form de Inserção/Registo */

#inserir:focus,
#inserir:hover {
  color: green;
  text-decoration: none;
  cursor: pointer;
}

#cancelar:focus,
#cancelar:hover {
  color: red;
  text-decoration: none;
  cursor: pointer;
}

#cancelar,
#excluir,
#inserir {
  width: 150px;
  height: auto;
  background-color: #f5f5f5;
  color: #866a2a;
  font-weight: bold;
  justify-content: center;
  cursor: pointer;
  padding: 10px;
  margin: 2px;
  float: right;

}

.controlarBtn_Regis_Voltar_Actualizar {
  position: relative;
  display: flex;
  width: 160px;
  height: auto;
  background-color: none;
  margin: 5px;
  justify-content: center;
  float: right;
}

#btnActualizar {
display: flex;
background-color: none;
justify-content: center;
float: left;
cursor: pointer;
}

.sessaoNome {
  margin: 0 auto;
  color: #382803;
  background-color: #ffff;
  box-shadow: 4px 7px 5px #866a2a;
}

/* Termina aqui o Form de Inserção/Registo */

#TabelainserirResumoBODIVA {
  margin: 0 auto;
}

/*LAYOUT MÃE PAINELADMIN CORRETORA VALOR*/

.layoutMae_painel{
  width: auto;
  height: auto;
  margin-bottom: 15px;
 /* display: flex;*/
  background-color: black;
}

/* Add a black background color to the top navigation */
.topnav_painel {
  background-color: #866a2a;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav_painel a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
}

/* Change the color of links on hover */
.topnav_painel a:hover {
  background-color: #be9e55;
  color: white;
}

/* Add an active class to highlight the current page */
.topnav_painel  a.active {
  background-color: #be9e55;
  color: white;
}

/* Hide the link that should open and close the topnav_painel on small screens */
.topnav_painel .icon {
  display: none;
} 

 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav_painel (.icon) */
@media screen and (max-width: 600px) {
  .topnav_painel a:not(:first-child) {display: none;}
  .topnav_painel a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav_painel with JavaScript when the user clicks on the icon. This class makes the topnav_painel look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav_painel.responsive {position: relative;}
  .topnav_painel.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
.topnav_painel.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
} 


.positivo {
  color: green;
}

.negativo {
  color: red;
}

/* ABRIR CONTA */

.abrirConta-Container {
  justify-content: space-around; /* Distribui as divs igualmente ao longo do container */
 /* background-color: #f2f2f2;
  padding: 20px;*/
  text-decoration: none;
  
}

.abrirConta-Content {
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
padding: 5px;
justify-content: center;
justify-items: center;

}


.abrirConta{
  width: 48%; /* Define a largura de cada div de conteúdo */
  height: 500px;
  /*padding: 10px;*/
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  /*margin: 5px;*/
  box-shadow: 1px 5px 5px #866a2a;
  border-radius: 5px;
}

.abrirConta_form-content {
  /*background-color: #6d5f3c;*/
  width: 80%; 
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center; 

  
}

.abrirConta_form-content{
margin-top: 20%;

}

#formulario{
  margin-left:24%;

}

.abrirConta_form-content input{
  width: 90%;
}

.abrirConta_form-content input[type=submit]{
  width: 20%;
  background-color:#a18138;
  margin-right:73%;
  align-items: none;
  justify-content: none;
  cursor:pointer;
}

.abrirConta_form-content input[type=submit]:hover{
  background-color: #6e510b;
}

  
#label_Abertura_titulo1,
#label_Abertura_titulo2 {
    margin-bottom: 15px;
    font-weight: bold;
    margin-left: 25%;
}






/* MEDIA QUERIAS - TELA MENORES ABRIR CONTA LIKE MOBILE */

@media (max-width: 1124px) {

.abrirConta-Container {
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    padding: 20px;
  
  }

.abrirConta-Content {
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
    justify-content: center;
    padding: 10px;
  }

.abrirConta{
    margin-top: 75px;
  }

.abrirConta{
    width: 90%; 
    margin-bottom: 20px;
    height: auto; 
    
  }

.abrirConta_form-content {
    width: 100%;
    padding: 10px;
 
  }

  /* Ajustar o formulário */

#formulario {
    margin-left: 0; 
  }

.abrirConta_form-content input {
    width: 100%; 
    margin-bottom: 10px;
    margin: 0 auto;
  }

.abrirConta_form-content input[type=text], input[type=tel], input[type=email], input[type=file] {
    margin-bottom: 10px;
  }

.abrirConta_form-content input[type=tel] {
    margin-bottom: 10px;
  
  }


.abrirConta_form-content input[type=submit] {
    width: 100%; 
    margin-right: 0; 
    margin-top: 10px; 
  }

.abrirConta_form-content input[type=submit]:hover {
    background-color: #6e510b;
  }

#label_Abertura_titulo1, #label_Abertura_titulo2 {
    font-size: 17px; 
    margin-left: 0; 
    text-align: center; 
    margin-bottom: 10px; 
  }

 
}

/*Formularios de abertura de conta*/

.abrirConta-formularios{
  width: 48%; /* Define a largura de cada div de conteúdo */
  height: 500px;
  /*padding: 10px;*/
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  /*margin: 5px;*/
  box-shadow: 1px 5px 5px #866a2a;
  border-radius: 5px;
}

.abrirConta-formularios-content{
 width: 80%; 
 display: flex;
 flex-direction: column;
 justify-content: center; 
 align-items: center; 
 padding-top: 10px;
 margin-top: 140px;
  }

.abrirConta-formularios-content ul {
    list-style-type: none; /* Remove os pontos de lista padrão */
    padding-left: 0; /* Remove o espaçamento extra à esquerda */
  }

.abrirConta-formularios-content ul li {
  float: left;
  margin-left: 150px;
  
}

.abrirConta-formularios-content ul li a {
  font-size: 15px;
  text-align: right;

}

.abrirConta-formularios-content #label_Abertura_titulo2{
  font-size: 17px;
  margin-left: 150px;
  margin-bottom: 15px;
}

.abrirConta-formularios-content a {
  text-decoration: none;
  color: #333;
  display: block;
}

.abrirConta-formularios-content a:hover {
  text-decoration: underline;
}


/* Media Query para telas menores (mobile) */

@media (max-width: 1124px) {

.abrirConta-formularios {
    width: 90%; 
    margin-bottom: 20px;
    height: auto;}

.abrirConta-formularios-content {
    width: 100%;
    margin-top: 20px;
  }

.abrirConta-formularios-content ul {
    list-style-type: none;
    padding-left: 0;
  }

.abrirConta-formularios-content li {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
  }

.abrirConta-formularios-content a {
    text-decoration: none;
    color: #333;
  }

.abrirConta-formularios-content a:hover {
    text-decoration: underline;
  }



.abrirConta-formularios-content ul li a {
    font-size: 15px;
    text-align:left;
    white-space: nowrap;
  }

.abrirConta-formularios-content ul li {
    float: left;
    margin-right: 115px;
    
  }


.abrirConta-formularios-content #label_Abertura_titulo2{
    font-size: 17px;
    margin: 0 auto;
    margin-bottom: 15px;
  }

}


/* Div listaDocumentos dentro de abrirConta-formularios */

.listaDocumentos {
  width: 100%; 
  margin-top: 20px;
  display: flex;
  flex-direction: column; /* Alinha o conteúdo verticalmente */
  text-align: center;
  /*box-shadow: 1px 5px 5px #866a2a;*/
  border-radius: 5px;
  padding: 10px;
}

.listaDocumentos-content {
  width: 100%; 
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center;
  padding-top: 10px;
}



.listaDocumentos-content ul {
  list-style-type: none; /* Remove os pontos de lista padrão */
  padding-left: 0; /* Remove o espaçamento extra à esquerda */
}

.listaDocumentos-content ul li {
  
  float: left;
  
}

.listaDocumentos-content ul li a {
  font-size: 15px;
  text-align: right;

}


.listaDocumentos-content #label_Abertura_titulo2 {
  font-size: 17px;
  margin: 0 auto;
  margin-bottom: 15px;
}




.listaDocumentos-content a {
  text-decoration: none;
  color: #333;
  display: block;
}

.listaDocumentos-content a:hover {
  text-decoration: underline;
}

/* Media Query para telas menores (mobile) */
@media (max-width: 1124px) {

.listaDocumentos {
    width: 100%; /* Ocupa a largura total em telas pequenas */
    margin-bottom: 20px; /* Espaço inferior para manter a separação das seções */
  }

.listaDocumentos-content {
    width: 100%;
    margin-top: 20px;
  }

  /*#label_Lista_Documentos {
    font-size: 17px; 
    margin-left: 0;
    text-align: center;
    margin-bottom: 10px;
  }
*/
.listaDocumentos-content ul {
    list-style-type: none;
    padding-left: 0;
  }

.listaDocumentos-content li {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: left;
  }

.listaDocumentos-content a {
    text-decoration: none;
    color: #333;
  }

.listaDocumentos-content a:hover {
    text-decoration: underline;
  }
}



  /*PARCEIROS*/

.parceiros-container{
      /*background-color: #856315;*/
      margin-bottom: 25px;
      width: 100%;
      height: auto;
      text-align: center;
      color: #ac8b3e;
  }

.parceiros-content{
    /*background-color: #b1a27f;*/
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

  }

.parceiro-1{
    /*background-color: #1d1b17;*/
    width: 10%;
    height: 5%;

  }

@media (max-width: 1124px) {

.parceiro-1{
      /*background-color: #1d1b17;*/
      width: 30%;
      height: 15%;
    
    }
.parceiros-container h2{
      /*background-color: #1d1b17;*/
      font-size: 35px;
    
    }

}

/*MOMENTO ESILIZAÇÃO PAINEL DE CONTROLE*/

/* MODAL INFORMAÇÃO FINCANCEIRA */

/* Modal geral */
.modal-financeiro {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.6);
}

/* Conteúdo do modal */
.modal-financeiro-content {
  background-color: #ffffff;
  margin: 8% auto;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 700px;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  position: relative;
}

/* Botão X */
.fechar-modal {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 28px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

/*Estilizando a tabela dentro do modal*/

.modal-financeiro-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  font-size: 14px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.modal-financeiro-content thead {
  background-color: #2a2a2a;
  color: #fff;
}

.modal-financeiro-content th,
.modal-financeiro-content td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}


.modal-financeiro-content tbody tr:hover {
  background-color: #f9f9f9;
}

.modal-financeiro-content a {
  color: #cc0000;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.modal-financeiro-content a:hover {
  text-decoration: underline;
}

.modal-financeiro-content i.fas.fa-file-pdf {
  font-size: 16px;
}

  /* ESTILIZAÇÃO DO BFA OPV */

  #botao_bfa_opv{
  color: #ff4500;
  background-color: snow;
  position: relative;
  height: 48px;         /* ocupa toda a altura do container */
  display: flex;         /*centraliza o conteúdo */
  align-items: center;
     flex: none; /* Impede que esse item se expanda e ocupe o espaço restante */
  }

  #botao_bfa_opv:hover{
  color: #0800ff;
}


 /* TERMINA AQUI A ESTILIZAÇÃO DO BFA OTP */