/* ===== Cores base ===== */
#Topo, body {
    background: #ffffff;
}

.bgConcurso {
    background: none;
}

/* ===== Topo: logo + botao Area do Candidato ===== */
#Topo {
    height: auto;
    padding: 10px 0;
    border-top: 0;
}

#Topo .Conteudo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 200px;
}

#Logo {
    float: none;
    width: auto;
    margin: 0 0 0 -54px;
}

#Logo h1 {
    width: auto;
    margin: 0;
}

#Logo h1 img {
    max-width: 420px;
    max-height: 110px;
}

#DadosEmpresa {
    display: none;
}

#TopLogin {
    float: none;
    width: auto;
}

#TopLogin .botoes {
    padding: 0;
    float: none;
}

.btn-areacandidato {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
    font-size: 15px;
    padding: 10px 20px;
    color: #ffffff;
    background-color: #0C5090;
    border: 1px solid #0C5090;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-areacandidato:hover {
    background-color: #ffffff;
    color: #0C5090;
    border: 1px solid #0C5090;
}

.btn-areacandidato svg {
    stroke: currentColor;
}

/* ===== Menu de navegacao (barra azul arredondada) ===== */
#TopMenu {
    background: transparent;
    position: relative;
    z-index: 2;
    margin-bottom: 55px;
}

#TopMenu .Conteudo {
    margin: 0 auto 10px auto;
}

/* barra azul alinhada ao bloco de concurso (780px, a direita) */
#TopMenu ul {
    width: 780px;
    max-width: 100%;
    margin: 0 0 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
    background: #0C5090;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    overflow: visible;
}

#TopMenu ul li {
    float: none;
}

#TopMenu ul li a {
    display: block;
    padding: 14px 22px;
    color: #ffffff;
    text-transform: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 30px;
    transition: all 0.3s ease;
}

#TopMenu ul li a:hover {
    background: #253779;
    color: #ffffff;
    text-decoration: none;
}

/* ===== Conteudo / Miolo ===== */
.Miolo {
    border-top: 5px solid #0C5090;
}

h2.tituloPagina,
.bgConcurso h3 {
    color: black;
}

/* ===== Categorias de concursos (menu lateral) ===== */
.bgConcurso .CategoriasConcursos ul li a {
    text-transform: capitalize;
    background: transparent;
    color: black;
    transition: all 0.3s ease;
}

.bgConcurso .CategoriasConcursos ul li a:hover {
    background: #0C5090;
    color: white;
}

.bgConcurso .CategoriasConcursos ul li.ativo a {
    background: #0C5090;
    color: white;
}

/* ===== Busca ===== */
.botao.preto,
.botao.preto:hover {
    border: 0px;
    background: #0C5090;
    color: white;
}

/* ===== Mensagens ===== */
.msgBox {
    max-width: max-content;
    background-color: #E0F3F1;
    border: 1px solid #B8E1DD;
    padding: 10px 20px;
    border-radius: 6px;
}