/* Cards dos Sócios */
#team-section .team-member {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

#team-section .team-member:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0,0,0,0.15);
}

#team-section .team-member figure {
  margin-bottom: 15px;
}

#team-section .team-member img.rounded-circle {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 50%;
  border: 5px solid #18345e;
}

#team-section .team-member h3 {
  margin-bottom: 8px;
  font-weight: 700;
  color: #333;
}

#team-section .team-member .position {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #18345e;
  margin-bottom: 12px;
  text-transform: uppercase;
}

#team-section .team-member .description {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}
.socio {
  text-align: center;
  color: #18345e;
}

.socio img {
  display: block;
  margin: 0 auto;
}
#team-section .team-member {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
  text-align: center; 
  color: #18345e; /* Cor para todo o texto */
}

#team-section .team-member img.rounded-circle {
  display: block;
  margin: 0 auto; /* Centraliza a imagem */
  border: 2px solid #18345e; /* Cor do contorno da imagem */
}

#team-section .team-member h3,
#team-section .team-member .description,
#team-section .team-member .position {
  color: #000; /* Aplica a cor em todos os textos */
}
.valores-section {
  padding: 50px 20px;
  width: 100% !important;     /* ocupa largura total */
  max-width: 100% !important; /* evita limite do bootstrap */
  padding: 0 20px;            /* deixa respiro nas laterais */
  box-sizing: border-box;     /* conta padding dentro da largura */
}

.valores-section h2 {
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #18345e;
  text-align: center; /* título centralizado */
}

.valores-section p {
  max-width: 900px;
  margin: 0 auto 40px;
  color: #555;
  font-size: 16px;
  text-align: left;   /* texto normal alinhado à esquerda */
}

.valores-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;     /* impede quebra de linha */
  gap: 40px;             /* espaço entre blocos */
  overflow-x: auto;      /* rolagem horizontal em telas menores */
  padding-bottom: 10px;
}

.valor-item {
  min-width: 180px; /* tamanho mínimo para cada bloco */
  text-align: center;
  cursor: pointer;

  /* efeito de entrar na tela */
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease;
}

.valor-item.show {
  opacity: 1;
  transform: translateY(0);
}

.valor-item img {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  filter: invert(23%) sepia(76%) saturate(4467%) hue-rotate(176deg) brightness(91%) contrast(91%);
  transition: transform 0.3s ease;
}

/* HOVER no item inteiro (imagem + texto) */
.valor-item:hover {
  transform: scale(0.9); /* diminui 10% */
  transition: transform 0.3s ease;
}

/* Footer geral */
.site-footer {
  width: 100%;
  background-color: #18345e; /* cor do fundo do footer */
  color: #fff;               /* cor do texto */
  padding: 60px 0;
  font-size: 14px;
}
/*fotter*/
/* Estilos gerais do footer */
#footer00 {
  background-color: #18345e;
  color: white;
  padding: 40px 0;
  font-family: Arial, sans-serif;
}

/* Títulos do footer */
#footer00 .footer-heading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

/* Texto e parágrafo */
#footer00 p {
  font-size: 14px;
  line-height: 1.6;
}

/* Links */
#footer00 .footer-links li {
  list-style: none;
  margin-bottom: 8px;
}

#footer00 .footer-links a {
  color: white;
  text-decoration: none;
}

#footer00 .footer-links a:hover {
  text-decoration: underline;
}

/* Redes sociais */
#footer00 .footer-social a {
  color: white;
  font-size: 20px;
  margin-right: 10px;
}

#footer00 .footer-social a:hover {
  color: #ddd;
}

/* Texto final */
#footer00 .footer-copy {
  font-size: 13px;
  margin-top: 20px;
}

.valor-item h4 {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #333;
}

.valor-item p {
  font-size: 14px;
  color: #555;
}
.politicas-section {
    text-align: center;
    margin: 90px auto; /* centraliza horizontalmente */
    max-width: 900px;
    padding: 0 20px; /* evita colar na borda em telas pequenas */
}

.politicas-section h2 {
    color: #18345e;
    font-size: 28px;
    margin-bottom: 20px;
}

.politicas-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 12px;
    justify-content: center;
}

/* estilo dos links */
.politicas-grid a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    padding: 0 15px;
    background-color: #fff;
    color: #18345e;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.politicas-grid a:hover {
    transform: scale(1.05);
}

/* versão mobile forçada */
@media (max-width: 768px) {
    .politicas-section {
        margin: 50px auto !important; 
        max-width: 100% !important; 
        padding: 0 15px !important;
        text-align: center !important;
    }

    .politicas-grid {
        grid-template-columns: 1fr !important; /* 1 por linha no celular */
        gap: 10px !important;
    }

    .politicas-grid a {
        height: 70px !important;
        font-size: 15px !important;
        width: 100% !important; 
    }
  }
  .social-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px; /* espaço entre os logos */
    margin-top: 30px;
}

.social-logos img {
    max-height: 40px;
    width: auto;
    transition: transform 0.3s ease;
}

.social-logos img:hover {
    transform: scale(1.05);
}

/* versão mobile */
@media (max-width: 768px) {
    .social-logos {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 15px !important; /* espaço entre os logos */
        margin-top: 20px !important;
        flex-wrap: wrap !important; /* quebra linha se não couber */
    }

    .social-logos img {
        height: 20px !important; /* tamanho fixo */
        width: auto !important;
    }
}


.tabela-imagens {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    margin: 0; 
}


.img-tabela {
    width: 220px; /* tamanho*/ 
    height: auto;
    padding: 5px;
}
/* Imagens padrão (desktop) */
.img-tabela {
  width: 180px;
  height: auto;
  padding: 0px;
  
}


/* container interno da seção */
.fedelta {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  
  max-width: 2000px !important; /* limita a largura do conteúdo */
  width: 100%;
  align-items: flex-start;
  background-color: #e6e0e099; /* mantém o fundo cinza */
  border-radius: 8px;
  padding: 20px;
}

/* imagem */
.fedelta-img-box {
  flex: 0 0 auto;
  max-width: 400px;
}

.fedelta-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

/* texto */
.fedelta-texto {
  flex: 1 1 auto;
  min-width: 250px;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

/*Ajuste para celular */
@media (max-width: 768px) {
  .img-tabela {
    width: 60px;   /* diminui o tamanho no mobile */
    padding: 2px;  /* reduz espaçamento */
  }
}

/* Remove espaçamentos exagerados */
.faq-container,
.site-section {
  margin: 0px 0;   /* controla espaço entre seções */
  padding: 20px 0;
}

/* FAQ */
.faq-item {
  margin-bottom: 15px; /* espaço entre perguntas */
}

/* Fedelta layout lado a lado */
.fedelta-conteudo {
  display: flex;
  align-items: center;   /* alinha verticalmente */
  gap: 150px;             /* espaço entre imagem e texto */
  justify-content: center;
  flex-wrap: wrap;
}

.fedelta-img-box {
  flex: 0 0 auto;        /* mantém a largura da imagem */
  min-width: 280px;
}

.fedelta-texto {
  flex: 1;               /* texto cresce para ocupar espaço */
  min-width: 300px;
  text-align: justify;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .fedelta-conteudo {
    flex-direction: column;
    align-items: center;
    gap: 30px; /* reduz o espaço entre imagem e texto no mobile */
    text-align: center;
  }

  .fedelta-img-box,
  .fedelta-texto {
    flex: 1 1 100%; /* ocupa toda a largura disponível */
    min-width: unset;
    max-width: 100%;
  }

  .fedelta-texto {
    text-align: justify; /* ou center, se preferir no mobile */
    padding: 0 20px; /* espaço lateral para não colar na borda */
  }
}



.conteudo {
  display: flex;              /* deixa lado a lado */
  justify-content: space-between;
  align-items: flex-start;    /* alinha pelo topo */
  gap: 30px;                  /* espaço entre lista e imagem */
  margin-top: 20px;
}

.coluna-lista {
  flex: 2;                   
}

.coluna-img {
  flex: 1;                 
}

.coluna-img {
  flex: 1;
  display: flex;
  justify-content: center;
}


.img-portfolio {
  max-width: none;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.img-sobre {
height:auto !important;
width: 580px !important;
max-width: none;
}


.img-portfolio {          
  width: 430px;
  height: auto;
  border-radius: 5px;  
  border-radius: 5px;
}
/* Estilo para mudar a cor ao passar o mouse */
.site-menu .nav-link:hover {
  color: #007bff !important;
}

.footer-social .img-tabela {
  width: 60px;       /* Ajuste o tamanho conforme necessário */
  height: auto;
  margin: 0px;
}

.footer-social .social-logos table {
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}


ul li {
  margin-bottom: 20px; /* ajusta o valor */
}



.site-section, .consultoria-section, .valores-section, .missao-section {
    padding-bottom: 40px; /* espaço inferior */
}


.site-section h2, .consultoria-section h2, .valores-section h2, .missao-section h2 {
    margin-top: 0;   /* remove margem superior extra */
    margin-bottom: 20px; /* define margem inferior padrão */
}

/* Ajusta parágrafos */
.site-section p, .consultoria-section p, .valores-section p, .missao-section p {
margin-bottom: 15px; /* reduz espaço entre parágrafos */
body {
  margin: 0 IM !important;
  padding: 0;
}
}
#corretoras-parceiras {
  scroll-margin-top: 80px; /* ajuste o valor para a altura do seu menu */
}
h2 {
  color: #18345e !important;
}
html, body {
  margin: 0 !important;   /* tira as margens padrão */
  padding: 0;  /* tira o espaçamento interno */
  height: 100%;
  width: 100%;
  background-color: #ffffff !important; /* branco forçado */

}



body {
  margin: 0;
  padding: 0;
  background: url('sua-imagem.jpg') no-repeat center center/cover;
  font-family: Arial, sans-serif;
}

.form-container {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5); /* escurece a imagem de fundo */
}

form {
  background: rgba(255, 255, 255, 0.85); /* branco com 85% de opacidade */
  padding: 30px;
  border-radius: 10px;
  width: 350px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

form input,
form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.9); /* campos também levemente transparentes */
}

form textarea {
  resize: none;
}

form button {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 5px;
  background: #18345d;
  color: white;
  font-size: 16px;
  cursor: pointer;
}

form button:hover {
  background: #0f2240;
}

@media (max-width: 768px) {
  .valores-container {
    display: flex;
    flex-wrap: wrap;   /* deixa quebrar linha */
    overflow: visible; /* não esconde */
    gap: 15px;
    padding: 10px;
  }

  .valor-item {
    flex: 1 1 100%; /* cada um ocupa a tela inteira */
  }
}
@media (max-width: 768px) {
  .coluna-img {
    display: none;
  }
}

/*fomulario de contato*/
  .contact-map-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px; /* margem interna geral para o container */
  }

  .contact-form {
    flex: 1;
    min-width: 300px !important;
    max-width: 500px !important;
    margin: 0 60px/* margem lateral para não grudar na parede */
  }


    #about-section {
  scroll-margin-top: 110px !important; /* ajuste o valor conforme o tamanho do seu header */
}
  #valores {
  scroll-margin-top: 100px; /* ajuste o valor conforme o tamanho do seu header */
}
#nossa-equipe {
  scroll-margin-top: 60px; /* ajuste o valor conforme o tamanho do seu header */
}
#nosso-portifolio {
  scroll-margin-top: 100px; /* ajuste o valor conforme o tamanho do seu header */
}
#corretoras-parceiras {
  scroll-margin-top: 200px; /* ajuste o valor conforme o tamanho do seu header */
}
#fedelta {
  scroll-margin-top: 100px; /* ajuste o valor conforme o tamanho do seu header */
}
#politicas {
  scroll-margin-top: 100px; /* ajuste o valor conforme o tamanho do seu header */
}
#fale-conosco {
  scroll-margin-top: 80px; /* ajuste o valor conforme o tamanho do seu header */
}
/* Remove espaço entre a seção fedelta e a seção politicas */
.fedelta-section {
  margin-bottom: 0;
  padding-bottom: 0;
}

.politicas-section {
  margin-top: 0;
  padding-top: 0;
}


.site-section.border-bottom {
  border-bottom: none !important;
}
section#politicas.site-section.bg-light.aos-init.aos-animate {
  background-color: #fff !important;
}
.formulario-custom {
  padding: 10px;
  background: rgba(255,255,255,0.85);
  border-radius: 10px;
  width: 1000px;
  max-width: 100%;
  margin: 40px auto; /* 40px em cima/baixo e centraliza no meio */
  border-radius: 6px;
  
}
.formulario-custom button,
.formulario-custom input[type="submit"] {
  background-color: #18345d;  /* azul padrão */
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 30px; /* arredondado */
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s ease;
}

/* Efeito ao passar o mouse */
.formulario-custom button:hover,
.formulario-custom input[type="submit"]:hover {
  background-color: #18345d; /* azul mais escuro */
}


#fale-conosco .section-title {
  margin-top:0px;   /* controla espaço acima */
  margin-bottom: 10px; /* controla espaço abaixo */
}

.mb-5, .my-5 {
    margin-bottom: 1rem !important;
}
/* ====== Versão Mobile ====== */
@media (max-width: 768px) {

  /* Títulos centralizados e menores */
  #corretoras-parceiras h2,
  #fedelta h2,
  #politicas h2,
  #fale-conosco h2 {
    font-size: 1.4rem;
    text-align: center;
  }

  /* Texto com respiro nas laterais */
  #corretoras-parceiras p,
  #fedelta p,
  #politicas p {
    font-size: 0.95rem;
    line-height: 1.5;
    padding: 0 15px;
    text-align: justify;
  }

  /* Grid corretoras em 2 colunas no mobile */
  .grid-corretoras {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    justify-items: center;
    margin-top: 20px;
  }
  .grid-corretoras img {
    max-width: 90px;
    height: auto;
  }

  /* Seção Fedelta imagem acima e texto abaixo */
  .fedelta {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .fedelta-img-box {
    text-align: center;
  }
  .fedelta-img {
    max-width: 200px;
    height: auto;
  }

  /* Links das políticas em colunas (1 por linha) */
  .politicas-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 15px;
  }
  .politicas-grid a {
    display: block;
    padding: 12px;
    text-align: center;
    background: #f5f5f5;
    border-radius: 8px;
    color: #000;
    font-size: 0.9rem;
    text-decoration: none;
  }

  /* Logos parceiros menores */
  .social-logos {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .social-logos img {
    max-width: 80px;
    height: auto;
  }

  /* Contato em stack (coluna) */
  #fale-conosco .row {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  #fale-conosco .row {
    display: center
  }
  #fale-conosco p,
  #fale-conosco a {
    font-size: 0.95rem;
    text-align: center;
  }

  /* Formulário ocupando toda largura */
  .formulario-custom {
    width: 100% !important;
    margin: 20px auto;
    padding: 20px;
  }
  .formulario-custom .row {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .sobre-texto {
    text-align: center !important;
  }
}
@media (max-width: 768px) {
  .faq-side-box {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .site-footer {
    text-align: justify !important;
  }
}