/* ==========================================================================
   37 — A MARCA NOVA (Eduardo/Vizion, 05/10/2026)
   Trevo colorido + "SGP" + "Suíte de Gerenciamento Político". Os arquivos e o
   porquê de cada recorte: script/gerar_icones_pwa.py.
   ========================================================================== */

/* A logo que acompanha o tema (.logo-tematica) mora em 03_componentes: a
   landing /conheca carrega só as camadas de base e também a usa. */

/* ── Barra lateral do sistema logado (fundo escuro nos dois temas) ─────────
   Aberta: trevo + "SGP" em branco (a frase some abaixo de ~60px de altura).
   Recolhida: só o trevo. */
.barra-lateral__logo { display: block; height: 34px; width: auto; }
.barra-lateral__simbolo { display: none; width: 30px; height: 30px; flex: none; }
.aplicacao--recolhida .barra-lateral__logo { display: none; }
.aplicacao--recolhida .barra-lateral__simbolo { display: block; }
@media (max-width: 1024px) {
  /* No aparelho a barra vira gaveta e abre sempre inteira (04_layout). */
  .aplicacao--recolhida .barra-lateral__logo { display: block; }
  .aplicacao--recolhida .barra-lateral__simbolo { display: none; }
}

/* ── Tela de entrar ─────────────────────────────────────────────────────── */
.acesso__logo { display: block; height: 72px; width: auto; max-width: 100%; }
/* A vitrine (degradê) some abaixo de 900px; sem isto o celular entrava no
   sistema sem ver marca nenhuma. */
.acesso__marca-movel { display: none; }
@media (max-width: 900px) {
  .acesso__marca-movel { display: flex; justify-content: center; margin-bottom: var(--esp-6); }
  .acesso__marca-movel .logo-tematica { height: 48px; }
}

/* ── Administração da plataforma ────────────────────────────────────────── */
.admin-simbolo img { display: block; width: 26px; height: 26px; }