/* RODAPÉ */
/* Estilos gerais do rodapé */
/* Estilos gerais do rodapé */
#footer {
    background-color: #F8F8FF;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center; /* Centraliza o conteúdo */
}

/* Alinhamento e centralização dos elementos dentro do rodapé */
#div_rodape {
    display: flex; /* Exibe os elementos lado a lado */
    justify-content: center; /* Centraliza os elementos no meio da tela */
    align-items: flex-start; /* Alinha os itens no topo */
    gap: 10px; /* Espaçamento entre os elementos */
    flex-wrap: wrap; /* Permite quebra de linha em telas menores */
    max-width: 1100px; /* Define uma largura máxima para manter o conteúdo centralizado */
    width: 100%; /* Ocupa a largura total até o limite da max-width */
}

/* LOGO DO RODAPÉ */
#logo_rodape {
    width: 120px; /* Tamanho fixo da logo */
    height: auto;
}

/* SEÇÕES DO RODAPÉ */
#rodape_servicos,
#rodape_institucional,
#rodape_contatos {
    flex: 1; /* Distribui o espaço proporcionalmente */
    min-width: 180px; /* Evita que os blocos fiquem muito estreitos */
    text-align: center; /* Centraliza o texto dentro das seções */
}

/* TITULO DOS ELEMENTOS DO RODAPÉ */
.titulo_info {
    color: #063643;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    line-height: 200%;
    margin-bottom: 10px;
}

/* ELEMENTOS DO RODAPÉ */
.info_rodape {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    text-transform: uppercase;
    line-height: 200%;
}

/* Rodapé final */
#rodape_final {
    background-color: #063643;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Texto do rodapé final */
#texto_direitos {
    color: #daedff;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}