html, body {
    height: 100%; /* Faz com que o HTML e o corpo ocupem 100% da altura */
    margin: 0; /* Remove margens padrão */
    text-align: center;
}

body {
    font-family: 'Trebuchet MS', sans-serif;
    background-color: rgb(250, 250, 250); /* Cor de fundo clara */
    color: rgb(16, 39, 73); /* Cor do texto principal */
    display: flex;
    flex-direction: column; /* Coloca o conteúdo em coluna */
}

header {
    background-color: rgb(22, 99, 151); /* Cor do cabeçalho */
    color: white;
    padding: 19px;
}

.header-content {
    display: flex;
    align-items: center; /* Centraliza o conteúdo verticalmente */
    justify-content: space-between; /* Alinha logo e menu */
    max-width: 1200px;
    margin: 0 auto;
}

.logo {
    width: 80px; /* Ajuste o tamanho do logo */
}

.alert {
    background-color: rgba(22, 99, 151, 0.1); /* Cor do alerta */
    border-color: rgb(22, 99, 151); /* Cor da borda do alerta */
}

nav ul {
    list-style: none;
    display: flex;
    gap: 20px; /* Espaçamento entre os itens do menu */
}

nav a {
    color: white;
    text-decoration: none;
    padding: 10px 15px; /* Espaçamento interno */
    
}

nav {
    background-color: rgb(22, 99, 151); /* Cor de fundo do menu */
    
}


nav a:hover {
    color: rgb(16, 39, 73); /* Cor ao passar o mouse sobre os links */
    
}

.navbar-brand img {
    width: 120px; /* Aumentar o tamanho do logo */
    height: auto; /* Mantém a proporção do logo */
}

 /* Estilo para manter as cores padrão */
 .navbar {
    background-color: rgb(22, 99, 151); /* Cor de fundo da navbar */
    padding: 0 0; /* Ajuste o padding para diminuir a altura */
    z-index: 1000; /* Para garantir que fique acima de outros conteúdos */
}
.navbar-brand, .nav-link , .navbar-light{
    color: #ffffff !important; /* Cor do texto */
    text-decoration: none;
    padding: 2px 2px; /* Espaçamento interno */
}
.navbar-brand:hover, .nav-link:hover, .navbar-light:hover {
    color: rgb(16, 39, 73)!important; /* Cor ao passar o mouse */
}

.navbar-toggler {
    border-color: rgb(22, 99, 151); /* Cor do botão de alternância */
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); /* Ícone do botão de alternância branco */
}

main {
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
    flex: 1; /* Faz com que o main ocupe o espaço restante */
}

/* Margem superior para o conteúdo */
.main-content {
    margin-top: 70px; /* Ajuste esse valor conforme a altura da navbar */
}
form {
    display: flex;
    flex-direction: column; /* Coloca os elementos em coluna */
    margin-top: 20px;
}

label {
    margin: 10px 0 5px;
}

input, textarea {
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

button {
    padding: 10px;
    background-color: rgb(16, 39, 73); /* Cor do botão */
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

button:hover {
    background-color: #0e1f33; /* Cor do botão ao passar o mouse */
}

footer {
    font-family: 'Trebuchet MS', sans-serif;
    background-color:white; /* Cor de fundo do footer */
    color: rgb(16, 39, 73);
    text-align: center;
    font-size: 14px; /* Diminuindo o tamanho da fonte para 10px */
}

.text-spaced {
    margin-bottom: 5px;
}

img.standard-img {
    width: 100%;            /* Faz a imagem ocupar 100% da largura do contêiner pai */
    height: 100%;           /* Mantém a proporção da imagem */
    border-radius: 10px;    /* Bordas arredondadas */
}