/* =========================================================
ENTRE LUZES — CABEÇALHO PREMIUM
Substitua todo o conteúdo atual do CSS por este código
========================================================= */

/* CORES DA MARCA */
:root {
--el-grafite: #282828;
--el-dourado: #B89C58;
--el-dourado-escuro: #9E7B2F;
--el-bege: #F5F2EB;
--el-borda: #DED3BD;
--el-texto: #333333;
--el-branco: #FFFFFF;
}

/* =========================================================
BARRA SUPERIOR
========================================================= */

.barra-inicial {
min-height: 34px !important;
background: var(--el-grafite) !important;
border-bottom: 1px solid var(--el-dourado) !important;
font-size: 12px !important;
}

.barra-inicial,
.barra-inicial a,
.barra-inicial span {
color: #FFFFFF !important;
}

.barra-inicial i {
color: var(--el-dourado) !important;
margin-right: 5px !important;
}

/* =========================================================
ÁREA PRINCIPAL DO CABEÇALHO
========================================================= */

#cabecalho {
background: var(--el-bege) !important;
padding: 12px 0 10px !important;
border-bottom: 1px solid var(--el-borda) !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05) !important;
}

#cabecalho .conteiner {
position: relative !important;
}

#cabecalho .conteiner > .row-fluid {
position: relative !important;
min-height: 112px !important;
display: flex !important;
align-items: center !important;
}

/* =========================================================
LOGO CENTRALIZADO E MAIOR
========================================================= */

#cabecalho .logo {
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;

width: 360px !important;
max-width: 36% !important;
height: auto !important;

margin: 0 !important;
padding: 0 !important;

display: flex !important;
align-items: center !important;
justify-content: center !important;

text-align: center !important;
z-index: 2 !important;
}

#cabecalho .logo a {
width: 100% !important;
display: flex !important;
justify-content: center !important;
}

#cabecalho .logo img {
width: auto !important;
height: auto !important;
max-width: 350px !important;
max-height: 105px !important;
margin: 0 auto !important;
object-fit: contain !important;
}

/* =========================================================
ÁREA ESQUERDA — BOAS-VINDAS E BUSCA
========================================================= */

#cabecalho .bem-vindo,
#cabecalho .bemvindo,
#cabecalho .cliente-texto,
#cabecalho .identificacao {
font-size: 14px !important;
line-height: 19px !important;