/* Seu import do Google Fonts - MANTENHA NO TOPO! */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

/* Estilos para o logo "Tecmak" na Navbar */
.tecmak-logo {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: #007bff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

/* Cor de fundo da página mais suave */
body {
    background-color: #eeeeee; /* Fundo da página */
    color: #333; /* Cor do texto padrão para contraste */
}

/* NOVO ESTILO: Fundo dos cards mais claro que o fundo da página */
.card {
    background-color: #ffffff; /* Fundo branco puro para os cards */
    border: 1px solid #e0e0e0; /* Opcional: Uma borda suave para definir melhor o card */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Opcional: Uma sombra sutil para profundidade */
}

/* ... seus outros estilos personalizados ... */

/* Estilos para o rodapé */
footer {
    margin-top: 3rem;
}

/* Estilos para o Jumbotron da página inicial */
.jumbotron {
    background-color: #033d77;
    padding: 3rem;
    border-radius: 0.5rem;
}

/* --- Header e Navegação --- */

/* Estilos para o container da navbar */
.navbar > .container {
    display: flex; /* Habilita Flexbox */
    justify-content: center; /* Centraliza o conteúdo horizontalmente */
    align-items: center; /* Centraliza o conteúdo verticalmente */
    position: relative; /* Essencial para posicionar o .navbar-toggler */
}

/* Estilos para o logo da Tecmak (navbar-brand) */
.navbar-brand {
    padding: 0; /* Remove padding padrão se houver, para alinhamento mais preciso */
    margin-right: 0 !important; /* Remove margem direita padrão do Bootstrap */
    display: flex; /* Garante que a imagem dentro do link seja tratada como flex item */
    justify-content: center; /* Centraliza a imagem se ela não preencher todo o .navbar-brand */
    align-items: center;
}

.navbar-brand img {
    max-height: 50px; /* Ajuste a altura máxima do seu logo conforme necessário */
    width: auto;
}

/* Estilos para o botão do menu (navbar-toggler) em mobile */
@media (max-width: 991.98px) { /* Aplica apenas em telas menores que 992px (breakpoint 'lg') */
    .navbar-toggler {
        position: absolute; /* Tira o botão do fluxo normal para não afetar a centralização do logo */
        right: 1rem; /* Posiciona no canto direito, 1rem da borda */
        top: 50%; /* Alinha ao centro verticalmente */
        transform: translateY(-50%); /* Ajuste fino para centralização vertical */
    }

    .navbar-collapse {
        /* Garante que o menu recolhido ocupe 100% da largura abaixo do logo */
        width: 100%;
    }
}

/* Estilos para o menu (navbar-nav) em desktop */
@media (min-width: 992px) { /* Aplica apenas em telas maiores ou iguais a 992px */
    .navbar > .container {
        justify-content: space-between; /* Volta ao layout padrão: logo à esquerda, menu à direita */
    }

    .navbar-brand {
        margin-right: auto !important; /* Empurra o menu para a direita */
    }

    .navbar-collapse {
        flex-grow: 1; /* Permite que o menu ocupe o espaço restante */
        justify-content: flex-end; /* Alinha os itens do menu à direita */
    }
}