* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


nav.menu {
    background-color: #f3f3f3; /* Cor de fundo do cabeçalho */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra para dar profundidade */
    padding: 10px 20px; /* Padding horizontal e vertical no menu */
    position: fixed; /* Fixa o cabeçalho no topo */
    width: 100%; /* Largura total */
    top: 0;
    left: 0;
    z-index: 1000;
}

nav.menu ul {
    list-style-type: none; /* Remove marcadores de lista */
    display: flex; /* Exibe os itens da lista em linha */
    justify-content: center; /* Centraliza os itens na horizontal */
    align-items: center; /* Alinha os itens verticalmente */
}

nav.menu ul li {
    margin: 0 15px; /* Espaçamento entre os itens */
}

nav.menu ul li a {
    text-decoration: none; /* Remove o sublinhado do link */
    color: #333; /* Cor do texto */
    font-size: 16px; /* Tamanho do texto */
    display: flex; /* Habilita flexbox para os links */
    align-items: center; /* Alinha o ícone com o texto verticalmente */
}

nav.menu ul li a img {
    margin-right: 10px; /* Espaço entre o ícone e o texto */
    width: 30px; /* Define a largura do ícone */
    height: 30px; /* Define a altura do ícone */
}

nav.menu ul li a:hover {
    color: #267fdd; /* Cor do texto ao passar o mouse */
}

/* Estilos para o formulário de pesquisa */
nav.menu .form-pesquisa {
    display: flex; /* Para alinhar os elementos do formulário */
    align-items: center; /* Centraliza verticalmente */
    margin-left: auto; /* Alinha o formulário à direita */
}

nav.menu .form-pesquisa .input-pesquisa {
    margin-right: 10px; /* Espaçamento entre o campo de texto e o botão */
    padding: 8px; /* Espaçamento interno */
    border: 1px solid #ccc; /* Borda do campo de texto */
    border-radius: 4px; /* Bordas arredondadas */
    font-size: 14px; /* Tamanho da fonte */
}

nav.menu .form-pesquisa .btn-pesquisa {
    cursor: pointer; /* Muda o cursor ao passar sobre o botão */
    padding: 8px 12px; /* Espaçamento interno */
    border: none; /* Remove a borda padrão */
    border-radius: 4px; /* Bordas arredondadas */
    background-color: #29CD42; /* Cor de fundo do botão */
    color: white; /* Cor do texto do botão */
    font-size: 14px; /* Tamanho da fonte */
    transition: background-color 0.3s; /* Transição suave para hover */
}

nav.menu .form-pesquisa .btn-pesquisa:hover {
    background-color: #24b139; /* Cor de fundo ao passar o mouse */
}

/* Media query para responsividade */
@media (max-width: 768px) {
    nav.menu ul {
        flex-direction: column; /* Alinha os itens na vertical em telas menores */
    }
}