/* Estilos gerais */
body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    padding-top: 70px; /* Espaço para o menu fixo */
}

h1, h2, h3 {
    color: #1a3c5e; /* Azul escuro */
}

/* Estilo para a logo na navbar */
.navbar-logo {
    height: 140px; /* Ajusta a altura da logo para caber no menu */
    width: auto; /* Mantém a proporção */
}

/* Classe personalizada para o menu */
.custom-navbar {
    /* Tamanho do menu (ajuste a altura) */
    padding: 10px 0; /* Altura do menu (padrão do Bootstrap é 56px, ajustado aqui) */
    
    /* Cor de fundo */
    background-color: #1a3c5e !important; /* Substitui o bg-dark por um azul escuro */
    
    /* Sombra (opcional) */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    
    /* Para ajustar a largura total do menu (opcional) */
    /* max-width: 1200px; */
    /* margin: 0 auto; */
}

/* Estilo para os links do menu */
.custom-nav-link {
    /* Fonte */
    font-family: 'Arial', sans-serif;
    font-size: 16px; /* Tamanho da fonte */
    font-weight: 500; /* Peso da fonte */
    
    /* Cor do texto */
    color: #ffffff !important; /* Cor dos links */
    
    /* Espaçamento entre os links */
    padding: 10px 15px !important;
    
    /* Transição para hover */
    transition: color 0.3s ease;
}

/* Efeito hover nos links */
.custom-nav-link:hover {
    color: #d3d3d3 !important; /* Cor ao passar o mouse */
}

/* Posicionamento dos links (esquerda ou direita) */
.custom-navbar .navbar-nav {
    /* Para alinhar à esquerda, comente o 'ms-auto' no HTML e use: */
    /* margin-left: 0 !important; */
    
    /* Para alinhar à direita (padrão atual com ms-auto): */
    margin-left: auto !important;
}

/* Botão WhatsApp flutuante */
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    z-index: 1000;
}

.whatsapp-float img {
    width: 100%;
    height: 100%;
    transition: transform 0.3s;
}

.whatsapp-float:hover img {
    transform: scale(1.1);
}

/* Ajustes de seções */
#home {
    background: linear-gradient(to right, #f8f9fa, #e9ecef);
}

#servicos .col-md-6 {
    padding: 15px;
}

#consulta-ia form {
    max-width: 400px;
    margin: 0 auto;
}

/* Footer */
footer {
    background-color: #1a3c5e;
}