/* Cabeçalho institucional compartilhado por Sistema → Sobre e Empresa. */
.sistema-apresentacao {
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:28px;
 margin:0 0 18px;
 padding:28px;
 min-width:0;
 border:1px solid #e4eaf1;
 border-radius:15px;
 background:linear-gradient(145deg,#fff,#f9fbfe);
 box-shadow:0 3px 14px #172d440c;
 color:#142334;
}
.sistema-marca { flex:0 0 140px; display:grid; place-items:center; padding-right:28px; border-right:1px solid #d4deea; }
.sistema-marca img { display:block; width:110px; height:110px; padding:12px; object-fit:contain; background:linear-gradient(145deg,#283c50,#0c151e); border-radius:22px; box-shadow:0 5px 12px #132b431a; }
.sistema-identificacao { flex:1 1 280px; min-width:0; overflow-wrap:anywhere; }
.sistema-etiqueta { display:block; margin-bottom:8px; color:#687b90; font-size:10px; font-weight:600; letter-spacing:.12em; }
.sistema-apresentacao h2 { margin:0; color:#142334; font-size:clamp(25px,2.7vw,38px); line-height:1.2; font-weight:700; letter-spacing:-.03em; }
.sistema-apresentacao .sistema-subtitulo { margin:8px 0 14px; color:#526b88; font-size:18px; line-height:1.4; }
/* Elementos exclusivos da Empresa seguem a paleta do componente compartilhado. */
.empresa-status { display:inline-flex; align-items:center; gap:7px; padding:6px 10px; border:1px solid #cbdcea; border-radius:7px; background:#edf3f9; color:#354f69; font-size:12px; }
.empresa-status > span { color:#926d15; font-size:9px; }
.empresa-cnpj { color:#354f69; font-size:14px; font-variant-numeric:tabular-nums; }
.sistema-apresentacao .empresa-situacao { margin:10px 0 0; color:#687b90; font-size:11px; line-height:1.5; }
.empresa-cabecalho-acoes { display:flex; flex:0 1 250px; flex-direction:column; align-items:center; gap:12px; padding:22px; border-radius:12px; background:#edf3f9; }
.empresa-cabecalho-acoes > span { color:#526b88; font-size:11px; line-height:1.5; text-align:center; overflow-wrap:anywhere; }
#painelEmpresaSistema .empresa-botao-consulta { padding:10px 16px; border:1px solid #0876ef; background:#0876ef; color:#fff; }
#painelEmpresaSistema .empresa-botao-consulta:hover { border-color:#0663cd; background:#0663cd; }
#painelEmpresaSistema .empresa-botao-consulta svg { color:inherit; }
@media(max-width:1100px) {
 .empresa-cabecalho-acoes { flex:1 1 100%; padding:14px; }
}
@media(max-width:600px) {
 .sistema-apresentacao { gap:18px; padding:20px 16px; }
 .sistema-marca { flex-basis:76px; padding:0; border:0; }
 .sistema-marca img { width:76px; height:76px; padding:8px; border-radius:15px; }
 .sistema-identificacao { flex:1 1 170px; }
 .sistema-apresentacao h2 { font-size:25px; }
 .sistema-apresentacao .sistema-subtitulo { font-size:14px; }
}