/* Estilos globais para o corpo do site */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Estilos para o cabeçalho e navegação */
header {
    background-color: #7ac28e !important;
    padding: 8px 0 !important;
    width: 100% !important;
}

/* Container da navegação horizontal */
.horizontal-nav {
    margin: 0 auto;
    max-width: 1200px;
}
/* Estilos para a lista (ul) */
.horizontal-nav ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 10px !important;
    display: flex !important;
    justify-content: space-between !important; /* Logo na esquerda, links na direita */
    align-items: center !important;
    flex-wrap: wrap !important;
}

/* Estilo para a imagem do logo */
.header-logo {
    height: 85px !important; /* Altura da logo ajustada */
    width: auto !important;
    margin-right: 8px !important;
}

/* Esconde o marcador de lista para o logo */
.horizontal-nav .logo-item {
    margin: 0 !important;
}

/* Estilos para os itens da lista (li) - apenas para os links de texto */
.horizontal-nav li {
    margin: 0 10px !important;
}

/* Estilos para os links (a) */
.horizontal-nav a {
    color: white !important;
    text-decoration: none !important;
    font-weight: bold !important;
    padding: 10px 15px !important;
    display: block !important;
    transition: background-color 0.3s ease !important;
    border-radius: 3px !important;
}

/* Estilo para o link ao passar o mouse */
.horizontal-nav a:hover {
    background-color: #c8d4c7 !important; /* Nova cor de destaque */
    color: #2E6F40 !important; /* Cor do texto no hover */
}

/* Estilo para o link da página atual (se estiver ativo) */
.horizontal-nav a.active {
    background-color: #c8d4c7 !important; /* Nova cor de destaque */
    color: #2E6F40 !important; /* Cor do texto na página atual */
}

/* Estilos para o conteúdo principal */
main {
    padding: 20px;
    max-width: 900px;
    margin: 0 auto;
    flex-grow: 1;
    text-align: justify !important;
}
/* Estilos para o rodapé */
.page-footer {
    background-color: #a37552 !important; /* Nova cor de fundo */
    color: white !important;
    text-align: center !important;
    padding: 15px 0 !important; /* Rodapé mais estreito */
    margin-top: 50px !important;
}

.page-footer p {
    margin: 0 !important;
}

/* Estilos para o botão Primário */
.button-primary {
    display: inline-block !important;
    background-color: #68BA7F !important;
    color: white !important;
    text-decoration: none !important;
    font-weight: bold !important;
    padding: 12px 25px !important;
    border-radius: 5px !important;
    transition: background-color 0.3s ease !important;
}

.button-primary:hover {
    background-color: #4C8E5A !important;
}

/* Estilos para o botão Secundário */
.button-secondary {
    display: inline-block !important;
    background-color: #2E6F40 !important;
    color: white !important;
    text-decoration: none !important;
    font-weight: bold !important;
    padding: 12px 12px !important;
    border-radius: 25px !important; #quanto maior mais arredondado
    transition: background-color 0.3s ease !important;
}

.button-secondary:hover {
    background-color: #245833 !important;
}
}

.button-link:hover {
    background-color: #4C8E5A !important; /* Cor de fundo mais escura ao passar o mouse */
}

/* Estilos para a caixa de informação */
.caixa-info {
    background-color: #f0f7f4 !important; /* Cor de fundo suave que combina com o tema */
    border-left: 5px solid #2E6F40 !important; /* Borda lateral para destaque */
    padding: 15px !important;
    margin: 20px 0 !important;
    border-radius: 5px !important;
    font-style: normal !important;
    color: #444 !important;
    font-weight: bold !important;
}

/* Estilos para a caixa de alerta (novo estilo) */
.caixa-alerta {
    background-color: #fff9e6 !important; /* Cor de fundo amarela clara */
    border-left: 5px solid #ffcc00 !important; /* Borda lateral amarela/laranja */
    padding: 15px !important;
    margin: 20px 0 !important;
    border-radius: 5px !important;
    color: #5a5a5a !important;
    font-weight: bold !important;
}
/* Estilos para a linha divisória */
hr {
    border: none;
    border-top: 2px solid #7ac28e !important; /* Cor e espessura da linha */
    margin: 40px auto !important;
    width: 100% !important; /* Linha com 100% da largura */
}