/* ===== Tablet ===== */
@media (max-width: 991px) {
  .conteudo { padding: 22px 16px 32px; }
  .acordeao { margin-left: 0; }
  .acordeao__cabecalho { padding: 22px 22px; }
  .acordeao__painel { padding: 0 22px; }
}

/* ===== Celular ===== */
@media (max-width: 600px) {
  .topo__barra { height: 52px; padding: 0 16px; }
  .topo__logo img { height: 24px; }
  .topo__versao { font-size: 8px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

  .titulo-pagina { font-size: 18px; padding-left: 10px; border-left-width: 4px; }

  .acordeao__cabecalho { padding: 18px 16px; font-size: 13px; }
  .acordeao__painel { padding: 0 16px; }
  .acordeao__descricao { margin-top: 4px; }

  .login { max-width: none; }
  .botao-ms { width: 100%; min-width: 0; justify-content: center; }
}