/* Fontes */

@font-face {

    font-family: 'Avenir Next LT';

    src: url('fonts/AVENIRLTPROLIGHT.woff2') format('woff2'),

         url('fonts/AVENIRLTPROLIGHT.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



.navbar {

    background-color: #011D32 !important;

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

    position: fixed; /* Fixa no topo */

    top: 0; /* Alinha no topo da página */

    left: 0; /* Garante que fique no canto esquerdo */

    right: 0; /* Garante que não ultrapasse o lado direito */

    width: 100%; /* Largura total */

    z-index: 1030; /* Garante que fique acima do conteúdo */

    padding: 0 15px; /* Padding para espaçar as laterais da navbar */

    box-sizing: border-box; /* Garante que o padding não faça a navbar ultrapassar o tamanho */

}



/* Ajusta o conteúdo para não ser coberto pela navbar fixa */

body {

    font-family: 'Avenir Next LT', sans-serif;

    margin: 0;

    padding-top: 80px; /* Ajuste para não sobrepor conteúdo */

    overflow-x: hidden;

}



html, body {

    margin: 0;

    padding: 0;

    overflow-x: hidden; /* Impede a rolagem horizontal */

}



/* Links do menu */

.navbar-nav .nav-link {

    color: #fff;

    transition: color 0.3s;

}



.navbar-nav .nav-link:hover {

    color: #B9A43B;

}



/* Ícones de redes sociais */

.navbar .bi {

    color: #FFF; /* Cor padrão */

    transition: color 0.3s;

}



.navbar .bi:hover {

    color: #B9A43B; /* Cor ao passar o mouse */

}



/* Tamanho e margem dos ícones */

.navbar .bi {

    font-size: 1.5rem;

    margin-right: 10px;

}



/* Tamanho do logo */

.navbar-brand img {

    height: 70px; /* Ajuste o tamanho */

}



.navbar-toggler-icon {

    background-color: #fff !important; /* Cor personalizada para o ícone */

    /* Ou use a propriedade border-color se preferir controlar as bordas */

    border-color: red; /* Alternativa se o ícone for composto por bordas */

}



.navbar-toggler:focus {

    outline: none; /* Remove o contorno padrão */

    box-shadow: none;

}



.font-whats1 {

    color: #fff;

    text-decoration: none;

    font-weight: bold;

    font-size: 1.2rem;

}



.font-whats2 {

    color: #B9A43B;

    text-decoration: none;

    font-weight: bold;

    font-size: 1.2rem;

}



.font-whats2:hover {

    text-decoration: underline;

}



/* Carousel */

.carousel-item img {

    height: 668px; /* Altura do banner */

    width: 100%;

    object-fit: cover; /* Ajusta a imagem sem distorcer */

}



/* Faixa cinza cobrindo 100% do banner */

.caption-bg {

    position: absolute;

    top: 50%; /* Posiciona a faixa no meio verticalmente */

    left: 0;

    transform: translateY(-50%); /* Ajusta para centralizar exatamente no meio */

    width: 100%; /* Ocupa toda a largura do banner */

    height: auto; /* A altura será ajustada ao conteúdo */

    background-color: rgba(0, 0, 0, 0.6); /* Fundo cinza translúcido */

    padding: 80px; /* Espaçamento interno */

    display: flex;

    flex-direction: column; /* Mantém o layout vertical */

    align-items: flex-start; /* Alinha o texto à esquerda */

    justify-content: center; /* Centraliza verticalmente o conteúdo */

    z-index: 2; /* Certifica que está acima da imagem */

}



/* Ajustes no texto */

.caption-bg h2 {

    font-size: 3rem; /* Tamanho maior para o título */

    font-weight: bold;

    margin: 0;

    color: #fff !important; /* Cor personalizada (amarelo) */

}



.caption-bg p {

    font-size: 4rem; /* Tamanho maior para o parágrafo */

    margin: 10px 0 0 0;

    color: #B9A43B !important; /* Cor personalizada (cinza claro) */

}



.caption-bg h2,

.caption-bg p {

    margin-left: 160px; /* Adiciona espaço à esquerda para afastar da borda */

    text-align: left; /* Alinha o texto à esquerda */

    color: #fff; /* Cor branca para melhor contraste */

}



/* Garante que a legenda não empurre nada para baixo */

.carousel-caption {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 0;

    margin: 0;

    z-index: 1; /* Abaixo da faixa de fundo */

}



.slogan {

    margin-top: 10px; /* Espaçamento de 10px do banner */

    background-color: #9D9D9D !important; /* Cor de fundo cinza */

    padding: 20px 0; /* Espaçamento interno para altura */

}



.slogan i,

.slogan img {

    margin-right: 15px; /* Espaço entre o ícone e o texto */

    width: 100px !important; /* Reduz o tamanho do ícone em telas pequenas */

}



.slogan p {

    color: #666; /* Cor do texto */

    font-size: 1rem; /* Tamanho de fonte do texto */

    margin: 0; /* Remove margem padrão */

    margin-top: 15px;

}



.titulo-icone {

    font-size: 1.4rem !important; /* Tamanho do texto destacado */

    color: #FFF !important; /* Cor branca */

}



/* Espaçamento entre ícone e texto */

.slogan .d-flex {

    gap: 15px; /* Espaçamento horizontal entre ícone e texto */

    text-align: left; /* Garante alinhamento do texto à esquerda */

}



/* Estilo geral da seção */

.about-section {

    background-color: #FFF; /* Fundo branco */

    padding: 60px 0; /* Espaçamento superior e inferior */

}



/* Estilo do texto */

.about-title {

    font-size: 2.5rem; /* Tamanho do título */

    color: #011D32; /* Cor do título */

    margin-bottom: 10px; /* Espaço abaixo do título */

}



.about-line {

    width: 50px; /* Comprimento da linha */

    height: 4px; /* Altura da linha */

    background-color: #011D32; /* Cor azul */

    border: none; /* Remove borda padrão */

    margin-bottom: 20px; /* Espaço abaixo da linha */

}



.about-text p {

    font-size: 1.3rem; /* Tamanho do texto */

    color: #011D32; /* Cor do texto */

    line-height: 1.6; /* Espaçamento entre linhas */

    margin-bottom: 20px; /* Espaço abaixo do texto */

    width: 95%;

    font-weight: bold;

}



.about-btn {

    background-color: #FFF; /* Fundo branco */

    color: #011D32; /* Texto azul */

    border: 2px solid #011D32; /* Borda azul */

    padding: 10px 20px; /* Espaçamento interno */

    font-size: 1rem; /* Tamanho do texto */

    border-radius: 5px; /* Bordas arredondadas */

    cursor: pointer;

    transition: all 0.3s ease-in-out;

}



.about-btn:hover {

    background-color: #B9A43B; /* Fundo azul ao passar o mouse */

    color: #000; /* Texto branco */

}



/* Estilo da imagem */

.about-image {

    border: 1px solid #DDD; /* Contorno cinza claro */

    padding: 10px; /* Margem em volta da imagem */

    display: flex;

    justify-content: center;

    align-items: center;

}



.about-image img {

    width: 100%; /* Adapta a largura da imagem ao container */

    height: auto; /* Mantém a proporção */

    border-radius: 5px; /* Bordas levemente arredondadas */

}





/* AREAS DE ATUAÇÃO */





.areas-atuacao h2 {

    font-size: 2.5rem;

    color: #011D32;

    font-weight: bold;

}



.line-title {

    width: 50px; /* Comprimento da linha */

    height: 4px; /* Altura da linha */

    background-color: #011D32; /* Cor azul */

    border: none; /* Remove borda padrão */

    margin-bottom: 20px; /* Espaço abaixo da linha */

}



/* Estilo dos cards */

.areas-atuacao .card {

    border: 1px solid #DDD;

    border-radius: 8px;

    overflow: hidden;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    transition: transform 0.3s ease;

}



.areas-atuacao .card:hover {

    transform: translateY(-10px);

}



.areas-atuacao .card img {

    height: auto;

    object-fit: cover;

    border-bottom: 1px solid #DDD;

}



.areas-atuacao .card-title {

    color: #333;

    margin-top: 10px;

    font-size: 1.1rem;

}



/* Personalização das bolinhas (indicadores) */

.carousel-indicators {

    bottom: -40px; /* Move os indicadores para baixo */

}



.carousel-indicators button {

    background-color: #000; /* Cor das bolinhas */

    width: 12px; /* Tamanho das bolinhas */

    height: 12px;

    border-radius: 50%;

    opacity: 0.5;

}



.carousel-indicators .active {

    opacity: 1; /* Deixa a bolinha ativa mais visível */

}

/* Setas e controle do carrossel */

.carousel-control-prev-icon,

.carousel-control-next-icon {

    filter: invert(30%) sepia(90%) saturate(1000%) hue-rotate(190deg);

}



/* Setas de navegação */

.carousel-control-prev,

.carousel-control-next {

    position: absolute;

    top: 50%; /* Coloca as setas no meio verticalmente */

    transform: translateY(-50%); /* Ajusta para que a seta fique centralizada na altura */

    width: 5%; /* Ajuste a largura da área de clique das setas */

    height: 100%;

    background-color: transparent; /* Remove o fundo */

}



/* Setas da esquerda e da direita */

#carouselAtuacao .carousel-control-prev {

    left: -65px; /* Distância da seta da borda esquerda */

}



#carouselAtuacao .carousel-control-next {

    right: -65px; /* Distância da seta da borda direita */

}



/* Ícones das setas */

.carousel-control-prev-icon,

.carousel-control-next-icon {

    color: #011D32; /* Cor das setas */

    width: 40px; /* Tamanho do ícone da seta */

    height: 40px; /* Tamanho do ícone da seta */

    border-radius: 50%; /* Tornar as setas arredondadas */

}





/* Imagens com altura fixa e ajuste */

.areas-image img {

    height: 350px;

    object-fit: cover;  /* Garante que a imagem ocupe todo o espaço mantendo a proporção */

    border: 1px solid #ddd;

    border-radius: 5px;

}



/* Espaçamento entre cards no carrossel */

.row.g-3 > [class*='col-'] {

    padding-right: 15px;

    padding-left: 15px;

}





/* ARTIGOS */



.artigos h2 {

    font-size: 2.5rem;

    color: #011D32;

    font-weight: bold;

}



/* Estilo dos cards de artigos */

.artigos .card {

    border: 1px solid #DDD;

    border-radius: 8px;

    overflow: hidden;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    transition: transform 0.3s ease;

}



.artigos .card:hover {

    transform: translateY(-10px);

}



.artigos .card-img-top {

    width: 100%;

    height: 250px; /* Tamanho fixo para manter as imagens quadradas */

    object-fit: cover; /* Garante que a imagem cubra todo o espaço */

}



.artigos .card-body {

    padding: 15px;

}



.artigos .card-text {

    font-size: 1rem;

    color: #333;

    line-height: 1.6;

}



/* Personalização do espaço entre os artigos */

.row.g-4 > [class*='col-'] {

    padding-right: 15px;

    padding-left: 15px;

}



/* Estilo para a seção de contato */

.contato {

  background-color: #C8C8C8; /* Fundo cinza claro */

  padding: 40px 0; /* Espaçamento interno */

}



.contato-title {

  font-size: 2.5rem;

  color: #011D32; /* Cor azul escuro */

  font-weight: bold;

  margin-bottom: 10px;

}



.line-title {

  width: 50px; /* Comprimento da linha */

  height: 4px;

  background-color: #011D32;

  border: none;

  margin-bottom: 30px;

}



/* Estilo dos inputs */

.form-control {

  border: 1px solid #ddd;

  border-radius: 5px;

  padding: 10px;

  font-size: 1rem;

}



.form-control:focus {

  border-color: #B9A43B; /* Cor ao focar no campo */

  box-shadow: 0 0 5px rgba(185, 164, 59, 0.5);

}



/* Estilo do botão */

.btn-outline-dark {

  color: #011D32; /* Cor do texto */

  border-color: #011D32; /* Cor da borda */

  padding: 8px 20px; /* Mesmo tamanho do botão "Ver Todos" */

  font-size: 1rem; /* Fonte do botão */

  border-radius: 5px; /* Borda arredondada */

  text-transform: none; /* Retirando o texto em maiúsculas */

  font-weight: normal; /* Removendo o negrito */

  transition: all 0.3s ease;

}



.btn-outline-dark:hover {

  background-color: #011D32;

  color: #fff; /* Cor do texto branca no hover */

  border-color: #011D32; /* Cor da borda ao passar o mouse */

}



/* Barra Cinza Clara Acima do Rodapé */

.footer-bar {

    background-color: #D9D9D9; /* Cor cinza claro */

    height: 60px; /* Altura da barra */

    text-align: center;

    padding-top: 16px;

}



/* Menu da Barra */

.footer-menu li a {

    font-size: 1rem; /* Tamanho do texto do menu */

    color: #000 !important; /* Cor preta padrão */

    text-decoration: none; /* Remove o sublinhado padrão */

    transition: color 0.3s ease, text-decoration 0.3s ease; /* Transição suave */

}



.footer-menu li a:hover {

    color: #011D32 !important; /* Cor azul ao passar o mouse */

    text-decoration: underline !important; /* Adiciona sublinhado */

}



/* Rodapé */

.footer {

    background-color: #3A3F41; /* Fundo escuro */

    color: #EDEDED; /* Texto em tom claro */

}



.footer-logo img {

    max-height: 60px; /* Altura máxima da logo */

}



.footer-info p {

    font-size: 1rem; /* Tamanho padrão do texto */

    margin: 0; /* Remove margens padrão */

}



.footer .container {

    max-width: 800px; /* Largura máxima do conteúdo */

}



/* Seção do Blog */

.blog-section {

    padding: 50px 0;

}



.blog-sidebar-title {

    font-size: 1.5rem;

    font-weight: bold;

    margin-bottom: 15px;

}



/* Estilização das miniaturas */

.blog-thumb {

    width: 80px;

    height: 60px;

    object-fit: cover;

    border-radius: 5px;

}



.blog-title a {

    font-size: 1rem;

    text-decoration: none;

    color: #011D32;

    font-weight: bold;

}



.blog-title a:hover {

    color: #B9A43B;

}



.text-muted {

    font-size: 0.9rem;

}



/* Ajustes responsivos */

@media (max-width: 768px) {

    .blog-sidebar {

        flex-direction: column;

    }



    .blog-thumb {

        width: 100%;

        height: auto;

    }

}



.contact-map iframe {

    width: 100%;

    height: 300px;

    display: block;

}



.contact-title {

    font-size: 1.8rem;

    font-weight: bold;

    color: #00416B;

}



.contact-line {

    width: 60px;

    height: 4px;

    background-color: #00416B;

    margin-bottom: 20px;

}



.contact-section {

    padding: 50px 0;

}



.contact-section .form-control {

    border-radius: 5px;

}



.contact-section .btn-primary {

    background-color: #00416B;

    border: none;

    padding: 10px 20px;

    font-size: 1rem;

}