/* Reset CSS básico */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 html, body {
     width: 100%;
     height: 100%;
}
 ul, ol {
     list-style: none;
}
 a {
     text-decoration: none;
     color: inherit;
}
 img {
     max-width: 100%;
     height: auto;

}
 body {
     font-family: "Mukta Mahee", sans-serif;
     font-weight: 400;
     font-style: normal;
     color: #8F8F8F;
     font-size: 16px;
     background: #f9f9f9;
      overflow-x: hidden; /* Evita rolagem horizontal */
}
 p{
    font-size: 16px;
    font-weight:400;
}
label{
    font-size: 16px;
    font-weight:400;
}
 .chamada-banner{
     font-family: "Caastro", system-ui;
     font-weight: 700;
     font-style: normal;
     font-size: 50px;
     color: #2E2E2E;
}
 .titulo-empresa{
     font-family: "Caastro", sans-serif;
     font-weight: 800;
     font-style: normal;
     color: #737566;
     font-size: 33px;
}
 .laranja{
    color: #3B3C34;
}
/* Estilos para o breadcrumb */
 .min-topo{
     min-height:500px;
}
 #fundo {
     position: relative;
    /* Necessário para o posicionamento dos pseudo-elementos */
background: linear-gradient(135deg, #E9EAE2, #C9B79C);




    /* Para esconder qualquer parte da imagem que vá além da div */
}
/* Estilos para a barra de navegação */
 .navbar-nav .nav-item {
     position: relative;
    /* Posição relativa para o posicionamento da barra */
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0.2px;
     font-size: 15px;
     font-weight: bold;
     font-family: "Caastro", sans-serif;
}
/* Definindo a cor padrão do texto dos links para vermelho */
 .navbar-nav .nav-link {
     color:#3B3C34 !important;
    /* Define a cor do texto dos links para vermelho */
}
 .navbar-nav .nav-item:hover .nav-link {
     color: #707263 !important;
     border-bottom-color: #3B3C34;
    /* Cor da borda ao passar o mouse */
}
 .navbar-nav .nav-link::after {
     content: "";
     position: absolute;
     bottom: -2px;
    /* Posiciona logo abaixo do texto */
     left: 50%;
    /* Começa do centro */
     width: 0;
    /* Largura inicial */
     height: 2px;
    /* Altura da borda */
     background-color: #3B3C34;
    /* Mesma cor da borda */
     transition: width 0.3s ease, left 0.3s ease;
    /* Transição suave da largura e posição esquerda */
}
 .navbar-nav .nav-item:hover .nav-link::after {
     width: 100%;
    /* Expande para a largura total */
     left: 0;
    /* Ajusta a posição para a esquerda */
}
.navbar-toggler {
    border-color: #3B3C34 !important; /* Muda a cor da borda do botão */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='%233B3C34' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}


/* Estilização básica do botão */
 .btn-modern {
     background-color: transparent;
    /* Fundo transparente */
     color: #3B3C34;
    /* Cor do texto - azul padrão de botão primary */
     border: 2px solid transparent;
    /* Bordas transparentes inicialmente */
     transition: all 0.3s ease;
    /* Efeito de transição suave */
}
/* Estilização ao passar o mouse */
 .btn-modern:hover, .btn-modern:focus {
     background-color: transparent;
    /* Mantém o fundo transparente */
     color: #000;
    /* Cor do texto ao passar o mouse - um azul mais escuro */
     border: 2px solid #000;
    /* Aplica uma borda azul */
     transform: scale(1.05);
    /* Efeito de leve aumento no tamanho */
}
/* Estilização básica do botão */
 .btn-especialista {
     background-color: #25D366;
    /* Verde do WhatsApp */
     color: #FFF;
    /* Texto branco */
     border: 2px solid #25D366;
    /* Borda na cor do WhatsApp */
     transition: all 0.3s ease;
    /* Efeito suave */
}
/* Estilização ao passar o mouse */
 .btn-especialista:hover, .btn-especialista:focus {
     background-color: transparent;
    /* Fundo transparente */
     color: #25D366;
    /* Texto na cor do WhatsApp */
     border: 2px solid #25D366;
    /* Borda na cor do WhatsApp */
     transform: scale(1.05);
    /* Efeito de leve aumento */
}
/* Estilização básica do botão */
 .btn-contratar {
     background-color: #FFD700;
    /* Fundo transparente */
     color: #000;
    /* Cor do texto - azul padrão de botão primary */
     border: 2px solid #FFD700;
    /* Aplica uma borda azul */
     transition: all 0.3s ease;
    /* Efeito de transição suave */
}
/* Estilização ao passar o mouse */
 .btn-contratar:hover, .btn-modern:focus {
     background-color: transparent;
    /* Mantém o fundo transparente */
     color: #FFD700;
    /* Cor do texto ao passar o mouse - um azul mais escuro */
     border: 2px solid #FFD700;
    /* Aplica uma borda azul */
     transform: scale(1.05);
    /* Efeito de leve aumento no tamanho */
}
/* Estilização básica dos controles */
 .carousel-control-prev, .carousel-control-next {
     width: 44px;
    /* Largura do botão */
     height: 44px;
    /* Altura do botão */
     position: absolute;
     top: 50%;
    /* Centraliza verticalmente */
     transform: translateY(-50%);
    /* Ajusta a centralização vertical */
     background-color: #3B3C34;
    /* Cor de fundo */
     color: white;
    /* Cor do texto */
     border-radius: 50%;
    /* Torna o botão redondo */
     border: none;
    /* Remove a borda padrão */
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 2;
    /* Garante que o botão fique acima do conteúdo do carrossel */
}
 .carousel-control-prev {
     left: -60px;
    /* Move o controle para fora à esquerda */
}
 .carousel-control-next {
     right: -60px;
    /* Move o controle para fora à direita */
}
/* Customizando os ícones dentro dos botões */
 .carousel-control-prev-icon, .carousel-control-next-icon {
     background-image: none;
    /* Remove as imagens de fundo padrão */
}
 .carousel-control-prev-icon:after, .carousel-control-next-icon:after {
     content: '';
    /* Adiciona um pseudo-elemento para criar o ícone */
     display: inline-block;
     background: white;
    /* Cor de fundo dos ícones */
     width: 20px;
    /* Largura do ícone */
     height: 20px;
    /* Altura do ícone */
     border-left: 2px solid currentColor;
    /* Parte da esquerda do ícone */
     border-top: 2px solid currentColor;
    /* Parte superior do ícone */
}
 .carousel-control-prev-icon:after {
     transform: rotate(-45deg);
    /* Rotaciona o ícone para a esquerda */
}
 .carousel-control-next-icon:after {
     transform: rotate(135deg);
    /* Rotaciona o ícone para a direita */
}
 .footer-container {
      background: #3B3C34;
     min-height: 400px;
     color: #737566;
     font-size: 0.85em;
     border-top: 2px solid rgb(244, 244, 244);
}
 .social-icon {
     margin-right: 10px;
    /* Espaço entre os ícones */
     font-size: 20px;
    /* Tamanho dos ícones */
     color: #666;
    /* Cor dos ícones, ajuste conforme necessário */
     text-decoration: none;
}
 .social-icon:hover {
     color: #2A4A59;
    /* Cor ao passar o mouse, ajuste conforme necessário */
}
 .todos-direitos{
    width: 100%;
     padding: 15px;
     background-color: #262622;
     color: #FFF;
     text-align: center;
}
 .texto-chamada-2 {
     text-align: left;
     color: #000000;
     font-size: 1.25em;
     font-family: "Boston Regular", sans-serif;
     max-width: 500px;
     line-height: 1.5;
     letter-spacing: 1px;
}
 .bt-chamada {
     background-color: #0b294b;
    /* Fundo transparente */
     color: #FFF;
    /* Cor do texto - azul padrão de botão primary */
     border: 2px solid #0b294b;
    /* Aplica uma borda azul */
     transition: all 0.3s ease;
    /* Efeito de transição suave */
}
/* Estilização ao passar o mouse */
 .bt-chamada:hover, .btn-modern:focus {
     background-color: transparent;
    /* Mantém o fundo transparente */
     color: #3768b4;
    /* Cor do texto ao passar o mouse - um azul mais escuro */
     border: 2px solid #3768b4;
    /* Aplica uma borda azul */
}
 .btn.bt-chamada {
     font-size: 1.25em;
     width: 100%;
     max-width: 500px;
}
 .bt-chamada2 {
     background-color: #FFF;
    /* Fundo transparente */
     color: #0b294b;
    /* Cor do texto - azul padrão de botão primary */
     border: 2px solid #0b294b;
    /* Aplica uma borda azul */
     transition: all 0.3s ease;
    /* Efeito de transição suave */
}
/* Estilização ao passar o mouse */
 .bt-chamada2:hover, .btn-modern:focus {
     background-color: transparent;
    /* Mantém o fundo transparente */
     color: #FFF;
    /* Cor do texto ao passar o mouse - um azul mais escuro */
     border: 2px solid #FFF;
    /* Aplica uma borda azul */
}
 .container-do-botao {
     align-items: center;
     justify-content: center;
}

 @keyframes moveArrow {
     0% {
         left: 0;
    }
     50% {
         left: 3%;
    }
     100% {
         left: 0;
    }
}
 .txt-centralizado {
     text-align: center;
}
 .destaque {
     margin: 35px 0;
     text-align: center;
     font-weight: 500;
     font-family: "Boston Regular", sans-serif;
     text-transform: uppercase;
}
 .fonte-texto-header {
     font-size: 1.1875em;
}
/* Estilo para o input */
 .form-control {
     width: 100%;
     padding: 10px;
     margin-bottom: 15px;
     border: 2px solid #CCC;
    /* Cor da borda */
     border-radius: 5px;
    /* Cantos arredondados */
     background-color: #fff;
    /* Cor de fundo branco */
     color: #0b294b;
    /* Cor do texto */
}
/* Estilo para o input quando estiver em foco (hover) */
 .form-control:focus {
     outline: none;
    /* Remove a borda de foco padrão do navegador */
     border-color: #3B3C34;
    /* Cor da borda ao receber foco */
     box-shadow: 0 0 5px rgba(116, 0, 0, 0.5);
    /* Sombra sutil ao receber foco */
}
/* Placeholder (texto de orientação quando o campo está vazio) */
 .form-control::placeholder {
     color: #0b294b;
    /* Cor do texto do placeholder */
     opacity: 0.7;
    /* Opacidade do placeholder */
}
/* Estilo para o texto digitado no input */
 .form-control[type="text"] {
     font-size: 16px;
     font-weight: 400;
}
/* Estilo para o texto quando o input está desativado */
 .form-control:disabled {
     background-color: #f4f4f4;
    /* Cor de fundo quando desativado */
     color: #aaa;
    /* Cor do texto quando desativado */
}
/* Estilo para o botão de envio */
 .btn-primary {
     display: inline-block;
     padding: 12px 20px;
     font-size: 16px;
     font-weight: 600;
     text-align: center;
     text-decoration: none;
     cursor: pointer;
     border: 2px solid #3B3C34;
    /* Cor da borda */
     border-radius: 5px;
    /* Cantos arredondados */
     background-color: #3B3C34;
    /* Cor de fundo */
     color: #fff;
    /* Cor do texto */
     transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    /* Transições suaves */
}
/* Estilo para o botão de envio quando o mouse está sobre ele (hover) */
 .btn-primary:hover {
     background-color: #727277;
    /* Cor de fundo ao passar o mouse */
     color: #FFF;
    /* Cor do texto ao passar o mouse */
     border-color: #727277;
    /* Cor da borda ao passar o mouse */
}
/* Estilo para o botão de envio quando está em foco (active) */
 .btn-primary:active {
     background-color: #727277;
    /* Cor de fundo ao clicar */
     border-color: #727277;
    /* Cor da borda ao clicar */
     color: #fff;
    /* Cor do texto ao clicar */
}
/* Animações */
 .fade {
     opacity: 0;
     animation: fadeIn 1s ease-in-out forwards;
}
 .fade-up {
     transform: translateY(20px);
}
/* Keyframes para animações */
 @keyframes fadeIn {
     to {
         opacity: 1;
    }
}

/* Estilo para telas ainda menores */
 @media (max-width: 768px) {
     body {
         font-size: 14px !important;
    }
     p{
        font-size: 14px !important;
    }
}

/* Estilos para telas pequenas */
 @media (max-width: 990px) {
}
 @media (max-width: 576px) {
 .chamada-banner{
     font-size: 35px;


}
     .mobile-margin {
         margin-top: 10px;
        /* Ajuste o valor conforme necessário */
         width: 100% !important;
    }

    .imagem-banner{margin-top: 35px !important;}
}