/* Sobre segue as abas compartilhadas do Sistema e a identidade da Empresa. */
.sobre-pagina { min-width:0; color:#142334; }
.sobre-pagina .panel { margin:0; border:1px solid #e4eaf1; background:linear-gradient(145deg,#fff,#f9fbfe); box-shadow:0 3px 14px #172d440c; border-radius:15px; }
.sobre-versao-badge { display:inline-flex; gap:6px; padding:9px 14px; background:#0876ef; color:#fff; border-radius:10px; font-size:14px; }
.sobre-versao-badge strong { font-weight:600; }
.sobre-apresentacao .sobre-proposta { flex:0 1 300px; padding:22px; margin:0; background:#edf3f9; color:#283d54; border-radius:12px; text-align:center; font-size:14px; line-height:1.7; }
.sobre-grade { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:16px; }
.sobre-cartao { min-width:0; padding:20px 24px; }
.sobre-pagina h3 { display:flex; align-items:center; gap:12px; margin:0 0 12px; color:#142334; font-size:18px; line-height:1.4; letter-spacing:-.02em; }
.sobre-icone { display:inline-grid; place-items:center; flex:0 0 30px; width:30px; height:30px; background:#0876ef; color:#fff; border-radius:50%; }
.sobre-pagina svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sobre-dados { margin:0; border-top:1px solid #e4eaf1; }
.sobre-dados > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:15px; padding:11px 5px; border-bottom:1px solid #e4eaf1; font-size:13px; line-height:1.5; }
.sobre-dados > div:last-child { border-bottom:0; }
.sobre-dados dt { color:#586c82; }
.sobre-dados dd { margin:0; min-width:0; color:#172638; overflow-wrap:anywhere; }
.sobre-conexao { display:inline-block; padding:2px 8px; border:1px solid #cbdcea; border-radius:5px; background:#edf3f9; color:#354f69; font-size:12px; }
.sobre-pagina .sobre-descricao { display:flex; align-items:center; gap:30px; margin-bottom:16px; padding:22px 24px; }
.sobre-descricao > div { flex:1; min-width:0; }
.sobre-descricao p { margin:0; color:#526b88; font-size:14px; line-height:1.8; }
.sobre-destaque { display:flex; align-items:center; gap:14px; flex:0 0 230px; padding:18px; background:#eaf2ff; border-radius:12px; color:#26558e; font-size:13px; line-height:1.6; }
.sobre-destaque svg { flex:0 0 38px; width:38px; height:38px; color:#0876ef; }
.sobre-pagina .sobre-atualizacoes { padding:0 24px; }
.sobre-atualizacoes summary { display:flex; align-items:center; gap:12px; min-height:68px; padding:16px 0; list-style:none; font-size:18px; font-weight:600; cursor:pointer; }
.sobre-atualizacoes summary::-webkit-details-marker { display:none; }
.sobre-atualizacoes summary:focus-visible { outline:3px solid #74b7ff; outline-offset:3px; border-radius:7px; }
.sobre-seta { margin-left:auto; transition:transform .15s; }
.sobre-atualizacoes[open] .sobre-seta { transform:rotate(180deg); }
.sobre-atualizacao { display:grid; grid-template-columns:minmax(65px,.45fr) minmax(120px,1fr) minmax(0,2fr); align-items:center; gap:18px; padding:16px 5px 20px; border-top:1px solid #e4eaf1; font-size:13px; line-height:1.7; }
.sobre-atualizacao > span { color:#687b90; font-size:12px; }
.sobre-atualizacao ul { margin:0; padding-left:18px; }
.sobre-verificacao { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:16px 3px 0; }
#mensagemSobre { margin:0; color:#687b90; font-size:12px; line-height:1.5; }
#btnAtualizarSobre { min-height:44px; padding:10px 14px; border:1px solid #b3d2f8; border-radius:7px; background:#f6faff; color:#0769d6; font-size:13px; }
#btnAtualizarSobre:hover { background:#e7f2ff; }
#btnAtualizarSobre:focus-visible { outline:3px solid #74b7ff; outline-offset:3px; }
@media(max-width:1100px) {
 .sobre-apresentacao .sobre-proposta { flex:1 1 100%; padding:14px; }
 .sobre-grade { grid-template-columns:1fr; }
 .sobre-apresentacao .sobre-proposta br { display:none; }
}
@media(max-width:600px) {
 .sobre-pagina .sobre-cartao,.sobre-pagina .sobre-descricao { padding:18px 16px; }
 .sobre-pagina h3,.sobre-atualizacoes summary { font-size:16px; }
 .sobre-dados > div { gap:12px; font-size:12px; }
 .sobre-pagina .sobre-descricao { flex-direction:column; align-items:stretch; gap:18px; }
 .sobre-destaque { flex-basis:auto; }
 .sobre-pagina .sobre-atualizacoes { padding:0 16px; }
 .sobre-atualizacao { grid-template-columns:1fr; gap:8px; }
}
@media(max-width:360px) { .sobre-dados > div { grid-template-columns:1fr; gap:4px; } }